v-model直接绑定v-for循环数据报错

作者: 来瓶二锅头00 | 来源:发表于2020-08-21 14:00 被阅读0次

日常项目中有的时候需要直接用到循环中的数据，代码如下

<div v-for="(item,index) in data" :key ="index">
  <input v-model="item"/>
</div>

这样可能就会导致项目运行报错

'v-model' directives cannot update the iteration variable 'item' itself.

报错的内容就是说v-model的数据不能直接绑定vfor的数据
解决方案，可以通过index下标来引用所需要的数据

<div v-for="(item,index) in data" :key ="index">
  <input v-model="data[inex]"/>
</div>

Vue 2
v-for="val /value（值） in arr "用来循环数组、对象v-model=" "双向数据绑定，用...
vue.js 笔记
v-for(循环） //html //vue.js v-model(双向数据绑定) //html //vue.js...
vue 中v-bind的运用以及制作选项卡
v-for=" "循环 v-model =" "双向数据绑定用于表单元素 v-on=" "事件名="函数名绑定事...
vue基础概念
1、v-model(绑定数据)2、v-for（循环）3、v-on（绑定事件）4、$index（索引）5、v-if（...
2019-02-14 Vue.js 常用指令
v-model 一般用在表单元素上(input) 双向数据绑定循环v-for ...
2018-09-14 知识点
v-for="" 循环v-model='' 双向数据绑定用于表单元素v-on:事件名='函数名' ...
v-model直接绑定v-for循环数据报错
日常项目中有的时候需要直接用到循环中的数据，代码如下这样可能就会导致项目运行报错报错的内容就是说v-model...
2018-09-12v-的指令（1）
v-的指令（1） v-for=" " 循环v-model=" " 数据的双向绑定v-on: 事件=" 函数名"...
2018-09-14vue
v-for="" 循环v-model='' 双向数据绑定一般用于表单元素v-on：事件='函数名' ...
2018-09-24（vue指令）路由嵌套
vue指令 v-for=''（循环数组对象数组对象） v-model=''（双向数据绑定，用于表单元素） v-...

网友评论

本文标题：v-model直接绑定v-for循环数据报错

本文链接：https://www.haomeiwen.com/subject/neuujktx.html

v-model直接绑定v-for循环数据报错