美文网首页
v-model直接绑定v-for循环数据报错

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>
    

    相关文章

      网友评论

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

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