input中v-model如何想办法实现绑定数组

最新推荐文章于 2023-12-12 08:30:00 发布

旺仔布丁

最新推荐文章于 2023-12-12 08:30:00 发布

阅读量2.4k

点赞数 2

分类专栏：项目中遇到的问题文章标签： javascript

原文链接：https://blog.csdn.net/qq_33769914/article/details/122449814

版权

项目中遇到的问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了在Vue中遇到的直接将v-model绑定到v-for迭代别名的错误，解释了这种做法为何不可行，并提供了一种解决方案，即通过使用数组对象并绑定到对象属性来修正问题。示例代码展示了如何正确地在v-for循环中使用v-model，确保能够修改v-for源数组。同时，强调了在前端开发中理解和遵循Vue最佳实践的重要性。

摘要由CSDN通过智能技术生成

报错内容： You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable. Consider using an array of objects and use v-model on an object property instead.

代 码    <el-form-item label="类别:">
            <el-input v-model="carbonObject.value"></el-input>
         </el-form-item>

修改     <el-form-item label="类别:">
            <template v-for="(item,index) in carbonObject.value">
              <el-input v-model="carbonObject.value[index]"></el-input>
            </template>
          </el-form-item>

carbonObject.value是个数组不能直接绑定到v-model上，用v-for
参考链接 https://blog.csdn.net/qq_33769914/article/details/122449814