1. 遇到的错误 Duplicate keys detected: '[object Object]'. This may cause an update error.
解决方法:把v-for的 :key 换为字符串类型或者数字类型 一般都是使用item.id 但是要确保有id。
2. Method "xxx" has already been defined as a data property.
解决方法: methods里的函数名换一个其他的,不要和data里面定义的变量名字相同!
3. 报错如下图,一般是vuecli2.x的
原因是打包时修改了config/index.js的assetsPublicPath的路径,修改回默认的'/'即可
4. 使用:src 动态加载图片,但是在页面是显示不出来的问题,不用动态的就可以显示。
解决方法:在图片引入的地方加require('图片路径'),静态资源使用时都要导入,或者放在static/img下
5. 报错Maximum call stack size exceeded,一般是递归组件时出问题了,没有设置出来的口或者组件的name值不对
如果要用<transition>这个vue动画,定义一个公共的组件,组件的name值别为transition改个其他名字即可!
6. 出现Input elements should have autocomplete attributes (suggested: "current-password"): (More info:https://goo.gl/9p2vKq) 报错。 一般都是出现在密码框的input标签。
解决方法:只需给input标签加上 autocomplete="off" 即可,在错误提示中也可以看出!
原因是未添加autocomplete,autocomplete 用途: 规定输入字段是否应该启用自动完成功能