v-model绑定数据的Input框问题

Question

点击按钮克隆v-model绑定数据的Input框 如果复制5个 那么我任一输入一个 其他4个也会双向绑定 但是我的业务需求中 这几个都是独立的 请问怎么解决？

Answer 1

把这个input定义成一个组件, 然后让这个组建复制5次

Answer 2

克隆input 你可以使用一个数组来管理，每次clone就是push一个对象进去。然后在html中遍历这个数组生成input，那么自然绑定v-model的时候就可以绑定在遍历的每个对象上了

<input v-for="op in list" v-model="op.value">