Vue自己练习时遇到的错误

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 用途:  规定输入字段是否应该启用自动完成功能

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。