v-for 与 v-model

新手上路，请多包涵

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

vue.js 前端 javascript

阅读 3.2k

2 个回答

雾岛听风

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

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

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

linong

29.2k1368137

发布于
2021-11-12

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

http://jsrun.net/Q8UKp/edit

查看全部 2 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答2.9k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5.2k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答1.5k 阅读
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.2k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.3k 阅读✓ 已解决
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.7k 阅读✓ 已解决

相似问题

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

找不到问题？创建新问题

v-for 与 v-model

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

如何防止接口的 key 泄露?

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

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

Next.js做纯前端是否可行？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何在Vue中点击菜单弹出v-dialog对话框？