摘要：
方法一:使用Vue.prototype //在mian.js中写入函数 Vue.prototype.getToken = function (){ ... } //在所有组件里可调用函数 this.getToken(); 方法二:使用exports.install+Vue.prototype // 写好自己需要的fun.js文件 exports.install = functio... 阅读全文
摘要：
依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听，退出页面再进入另一个页面并不会运行created组件生命周期，导致数据还是第一次进入的数据。 解决方法：watch监听路由是否变化 watch: { '$route' (to, from) { //监听路由是否变化 if(this.$route.params.id){//... 阅读全文
摘要：
尝试将vue-cli 2.x的项目升级到3.x，记录一下升级过程，和遇到的坑 1. 直接复制替换src文件夹 2. 安装项目需要的依赖 (可以将原来package.json dependencies下需要的直接复制过来，然后运行npm i) 3. 安装完后运行npm run serve （如果启动服务不习惯npm run serve，可以将package.json的serve改成dev） ... 阅读全文
摘要：
一直使用vue-cli 2.x来搭项目，最近看文档已经升级到3.0了，先试着安装一下 目前使用的npm v6.4.0,node v10.5.0 安装 npm install -g @vue/cli 检测安装： vue -V 创建项目 vue create hello-world 默认配置，还是自己配置（一般选第二个） 黄色的字提示，npm太慢了，要不要使用淘宝镜像，可... 阅读全文
摘要：
vue实现消息向上无缝滚动效果 ... 样式 .new-list{ line-height: 28px; transition: top 0.5s; } .anim{ transition: all 0.5s; margin-top: -28px;//高度等于行高 } 阅读全文
摘要：
因为后端需要用到cookie做一些判断，所以在post请求前先写入了cookie。在页面未登录时，调接口能带上cookie，登录后的请求没有携带cookie，但是能看到cookie已经保存了。 （axios.defaults.withCredentials = true 配置了并没有用） 对比登录前后，发现是cookie路径的问题。如下： 登录之前的cookie一直保存在/下面，但是登录... 阅读全文
摘要：
基于vue-cli 2 首先将favicon.ico图片放在根目录下，通过以下两种方法使其显示正确。 方法一：修改index.html文件 缺点：打包后需要将favicon.ico复制到根目录 方法二：修改webpack配置文件 1、找到build下的webpack.dev.conf.js文件 new HtmlWebpackPlugin({ filename: ... 阅读全文
摘要：
使用async-validator库,校验数据是否合法，并且根据校验规则给出提示信息。 https://github.com/yiminghe/async-validator 必填不能为空 {"required": true, "message": "请输入内容","trigger": "blur"}, 下拉框、单选框、复选框等用trigger: 'change' 输入框、文本域判断... 阅读全文
摘要：
1.使用window.location.href window.location.replace() window.location.reload() 会出现空白，体验不是很好 2.先进入一个空路由，然后返回 reflashPage(){ let NewPage = '_empty' + '?time=' + new Date().getTime()/500; this.$r... 阅读全文
摘要：
读阮一峰《ECMAScript 6 入门》小结，http://es6.ruanyifeng.com/ 1. ES6简介 Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码 在线转换：https://babeljs.io/repl/ 2. let和const命令 let在块级作用域内有效，var有变量提升（变量可以在声明之前使用，值为undefined），... 阅读全文