vue使用v-for时vscode报错 Elements in iteration expect to have 'v-bind:key' directives
2024-03-21 16:44:51
vue使用v-for时vscode报错 Elements in iteration expect to have 'v-bind:key' directives
Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的
错误提示:
[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.
Renders the element or template block multiple times based on the source data
原因是eslint检测出现bug
---------------------
解决方法：
1.在v-for 后添加 :key='item'
<li v-for="i in list" :key="i">
<div class="item" v-for="(user,index) in datalist" :key='index' >
2.在build处关闭eslint检测
...(config.dev.useEslint ? [createLintingRule()] : []),
3.更改vetur配置 vscode->首选项->设置->搜索（vetur）
"vetur.validation.template": true,
改成：false
最新文章
- Ubuntu 安装 CLI 并运行 ASP.NET Core 1.0
- ZJOI 游记
- RTSP交互命令简介及过程参数描述
- web开发常用的js验证,利用正则表达式验证邮箱、手机、身份证等输入
- PopuWindow_2
- visual studio 因为文件过期重新编译项目
- google map 点击获取经纬度
- poj2752 水题
- NodeJS with Express 4.x
- 直接拿来用！最火的android开源项目(一)
- 高级I/O函数(2)-splice函数
- iOS开发之UIPickerView
- HighCharts之2D带有Legend的饼图
- Centos 7安装python3
- Kafka win10下启动
- ASP.NET Core 2.1 使用Docker运行
- js 时间戳转时间格式
- 使用Ultra Librarian将bxl文件转为OrCAD Capture CIS可识别的库文件（OLB）
- SpringBoot系统列 5 - 接口版本控制、SpringBoot FreeMarker模板引擎
- 解决Hive与Elasticsearch共有库 guava 冲突 NoSuchMethodError