前端开发：Vue项目中解决Emitted value instead of an instance of Error问题

分享一个在刚接触前端开发的开发者常遇到的一个经典错误，那就是在Vue项目运行中遇到Emitted value instead of an instance of Error的问题，附带解决该问题的方法以及原理。

重现报错提示：

(Emitted value instead of an instance of Error) <van-cell v-for=" item in this.todoList">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

由于上述警告造成Vue项目不能启动，警告的大概意思就是在组件里面使用v-for 但是没有设置key，会造成非唯一性问题。

针对上述问题的解决方法：

在警告的组件里面v-for后面加一个属性key，为元素绑定了一个key，v-for="(item, index) in this.to

前端开发：Vue项目中解决Emitted value instead of an instance of Error问题相关推荐

Vue项目中的Emitted value instead of an instance of Error问题
对于一个初次进行项目开发的小白来说,项目开发的过程中可能会遇到这样的问题: 这个警告的意思是用v-for呈现的组件列表需要具有显式键. 出现这个警告的原因是在Vue中当使用v-for进行列表渲染时,虚 ...
vue项目警告：Emitted value instead of an instance of Error
一.问题描述错误描述:翻译过来大概的意思就是缺少一个key,来指定相应的属性 warning in ./src/view/Index.vue (Emitted value instead of an ...
前端开发从项目中获得什么_我如何获得副项目的前10个客户以及从他们那里学到的东西...
前端开发从项目中获得什么 by Tigran Hakobyan 由Tigran Hakobyan 我如何获得副项目的前10个客户以及从他们那里学到的东西 (How I got my first 10 ...
vue项目中解决浏览器刷新vuex数据消失问题
vue项目中解决浏览器刷新vuex数据消失问题说明 vuex中的数据经过浏览器刷新后会消失,所以应设置在浏览器刷新之前将数据存入浏览器或者cookie中. 操作打开App.vue,在created ...
前端监控--vue项目中使用友盟统计监控
在项目的使用过程中,不可避免的会出现各种奇奇怪怪的报错,有的可能会导致项目程序崩溃无法运行,但是我们作为开发人员是不会立刻知道这种突发情况的,所以我们需要搜集程序的报错信息,及时解决错误,提高项目的稳 ...
vue项目中 img标签加载失败(404)方法，@error事件
vue项目中 img标签加载失败方法,@error事件 @error="defImg" <img src="123" @error="defIm ...
vue启动报错 Emitted value instead of an instance of Error
vue项目install正常,npm run dev启动时因为警告导致项目不能启动. 异常提示: (Emitted value instead of an instance of Error)< ...
前端开发Vue项目实战：电商后台管理系统（二）-- 登录退出功能 --主页界面
目录 1. 登录/退出功能 1.1 登录概述 1.2 token 原理分析 1.3 登录功能实现 1.3.1 Git 创建分支 1.3.2 渲染Login组件并实现路由重定向 1.3.3 设置背景颜色 ...
vue项目中解决打开新页浏览器拦截的问题
项目中,如果通过接口获取数据,并在then中打开新页面会提示浏览器阻止,如何解决呢? 其实很简单: 1.定义一个url data(){return{url:''} } 2.监听该url,url发生变化 ...

前端开发：Vue项目中解决Emitted value instead of an instance of Error问题

前端开发：Vue项目中解决Emitted value instead of an instance of Error问题相关推荐

最新文章

热门文章