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

2020-08-21  本文已影响0人  来瓶二锅头00

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

<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>
上一篇下一篇

猜你喜欢

热点阅读