新年后重装系统，重装vue-cli，运行项目，发现无法使用 console根据提示，原来是eslint禁了此函数的使用。解决办法：找到项目文件夹内的 package.json文件，打开，找到 "rules":{}修改为："rules": {"no-console": "off"},问题解决！原文：https://www.cnblogs.com/sx00xs/p/12158803.html
父组件向子组件传值<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body><div id="app"><com1 :parentmsg=‘msg‘></com1><!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式...
两种情况：1. js为ES5的写法时，如下（自定义的my.js）:function fun(){console.log(‘hello‘); }Vue中的全局引入方式为，在index.html中通过如下方式引入即可：<script src="src/models/my.js"></script> 2. js为 ES6 模块化写法时，即 import，export形式，如下：var fun=function(){console.log(‘hello‘); } export default fun;Vue中全局引入的方式为，在main.js中添加如下代码：import fun from ‘src/models/my.js‘...
（代码在最后）1、父组件给子组件传值直接通过props,听着很简单，但是对于初学者来说还是比较难以理解的，今天小白通过自己的实践操作结合代码分析一下 案例 把模态框单独的抽离出来，当作一个组件第一步：首先写好一个模态框 （我直接用的是element-ui中的dialog弹出框） 当作子组件第二步：在父组件中引入 引入的时候注意一下自己的路径就可以了，这两步应该很容易吧，很容易理解的 第三步：在父组件中使用components注入这个...
新建一个外部公共的js文件app.js，定义一个对象并输出，如下：var hybrid = {} window.Hybrid = hybrid if (window.Vue) { // 自动绑定 window.Vue.use(hybrid) }export { hybrid }在需要的文件中引入app.js，将需要暴露的方法赋给hybrid对象，如下：在安卓或者iOS上可调用hybrid.clickMusic来执行函数 原文：http://www.cnblogs.com/xunhuang/p/7514115.html
哈希模式，好用，不需要服务器配合分配路径指向，自己单机就可以打开了接下来上代码截图 接下来开始截图 历史模式 历史模式需要后端支持打包后自己直接点击是打不开的截图如下 原文：https://www.cnblogs.com/sugartang/p/11594727.html
<div id="app"><input type="text" v-model="searchName">{{test1}}<ul><li v-for="p in test2">{{p.name}}</li></ul><ul><li v-for="p in getPersons">id:{{p.id}},Name:{{p.name}},Age:{{p.age}}</li></ul><br />根据文本框输入的内容，查找相应的字段<ul><li v-for="p in getPersons2">id:{{p.id}},Name:{{p.name}},Age:{{p.age}}</li></ul></div><script type="text/javascript">var vue = new Vue({el: "#app",data: {persons...
目标:封装一个 搜索组件 <子组件需要传一个或者多个搜索参数到父组件,然后父组件执行列表查询函数>1.子组件1 <div> 2 <input v-model="listQuery.keyword"> 3 <span>筛选搜索</span> 4 <el-button @click="search" >查询搜索</el-button> 5 </div>methods: {search(){//this.$emit(‘父组件名称‘,传到父组件的参数);this.$emit(‘searchListZ‘, this.listQuery);this.$parent.getList(...
参考链接：https://blog.csdn.net/ddx2019/article/details/104972089/原文：https://www.cnblogs.com/hahahakc/p/13096145.html
1、报错原因在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题。这是什么原因呢？看vue-router的版本更新日志V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 2、解决方法方法一：在调用方法的时候用catch捕获异常this.$router.replace(‘/home‘).catch(err => {console.log(err) })方法二：对Router原型链上的push、replace方法...
在vue中，推崇的是数据驱动也就是数据更新进而使组件得以重新渲染；在某些情况下，我们想要在数据不改变的情况下，重新渲染组件；我遇到的一个情况是：同一个页面，两个tab页分别为tab1和tab2，公用了一个组件，在tab1页修改了数据，再去tab2页查看的时候，发现tab1修改的数据会在tab2中的组件中显示，为了能够使得公用的组件重新渲染，可以使用v-if指令进行合理处理。原文：https://www.cnblogs.com/llcdxh/p/9357661.html
Vue项目中实现用户登录及token验证先说一下我的实现步骤：使用easy-mock新建登录接口，模拟用户数据使用axios请求登录接口，匹配账号和密码账号密码验证后， 拿到token，将token存储到sessionStorage中，并跳转到首页前端每次跳转时，就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。注销后，就清除sessionStorage里的token信息并跳转到登录页面使用easy...
总结项目用到的一些处理方法，用来解决数据处理的一些实际问题，所有方法都可以放在一个公共工具方法里面，实现不限ES5，ES6还有些Vue处理的方法。都是项目中来的，有代码跟图片展示，长期更新。 1.获取两个给定日期之间所有日期集合/*** 传入一个日期字符串（不要时间，如果带时间的话在修改方法）**datestr:形如‘2017-06-12’的字符串（如果是2017.06.12格式在修改代码，这里没有做通用）**return Date 对象 **/ getDate (dates...
jTopo 帮助说明网站http://www.jtopo.com/index.html 使用例子：http://www.jtopo.com/demo/helloworld.html不建议直接安装 github 上的代码，因为代码版本不是最新，有部分功能未实现。 下载最新的js类库文件放到 vue 项目 public 文件夹下。 引入 import "/jtopo/jtopo-0.4.8-min.js"; <template><div><PanelBase title="拓扑图"><div slot="head-btns" class="panel-head-btns"></div><div slot="body-content"><section...
1.Computed 和 Methods 的区别下面用Computed和Methods实现同一个功能：<!-- 计算属性示例 --><p>Computed reversed message: "{{ reversedMessage }}"</p><script> // ...computed: {reversedMessage: function () {return this.message.split(‘‘).reverse().join(‘‘); } </script> <!-- 方法示例 --><p>Reversed message: "{{ reversedMessage() }}"</p><script> // ...methods: {reversedMessage: function () {return this...