v-for 与 v-model

新手上路，请多包涵

v-for用来循环div 里面的v-model 也是双向绑定了的但是问题就来了值是通过传输的当新增一个div的时候突然发现 input框却被绑定了值怎么才能让他们分开呢!

vue.js 前端 javascript

阅读 3.1k

2 个回答

雾岛听风

你的v-model不能绑定单个值,
你的数据应该这么设计

[{
name:'',
value:''
}]

v-model绑定循环item.value即可
小示例供你参考

linong

29.2k1266135

发布于
2021-11-12

既然你的效果不对，那你就把代码放出来呀。盲猜你add的是同一个对象

http://jsrun.net/Q8UKp/edit

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.7k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答3.2k 阅读✓ 已解决
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答4.3k 阅读✓ 已解决
Element Plus表格组件如何呈现复杂布局如图？
Element Plus的table表格如何实现下图的表格效果，element的表格看起来是一列一列的，好像没办法实现这种效果，如果要实现这种图片效果需要如何做呢
4 回答4.6k 阅读✓ 已解决
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。
3 回答1.9k 阅读✓ 已解决
多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？
比如：project1,project2项目的所有页面都是一样的，project1/src/a.vue和project2/src/a.vue只有几行代码不一样，可以通过判断处理，a.vue的其他代码怎么复用？
4 回答2.1k 阅读✓ 已解决
爬取知乎热榜数据，跳转链接从哪里爬取？
通过[链接]，爬取页面html解析数据，查不到跳转链接怎么搞？
2 回答1.7k 阅读✓ 已解决

相似问题

v-for 循环v-model的值该如何赋值呢
2 回答3.4k 阅读
v-for中的key
1 回答1.2k 阅读✓ 已解决
el-select，v-model值的问题
3 回答3.1k 阅读✓ 已解决
v-model语法糖的问题
4 回答2.9k 阅读✓ 已解决
vue3 v-model emits 报错
1 回答3k 阅读✓ 已解决

找不到问题？创建新问题

v-for 与 v-model

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Element Plus表格组件如何呈现复杂布局如图？

请问开发React Native，一般是推荐哪个主流的UI库呢？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

爬取知乎热榜数据，跳转链接从哪里爬取？