vue2.0点击添加

clipboard.png

点击添加会加一行
clipboard.png

下拉可选
clipboard.png

问题,改变一个,所有的都改变了。在于我绑定的一个v-model,而且是v-for出来的,所以怎么让它们的v-model能不一样。。
clipboard.png

如何隔离它们。。求大神,先谢过了。

不是我不想贴代码,总觉得自己的部分代码写的很有问题,我也在一直改,哪位大神能实现一下上面这种效果,我能参考下么。。就是一个可添加的筛选条件。

顺便说下,里面有一个二级联动
clipboard.png

clipboard.png

阅读 2.2k
2 个回答

能贴一下代码吗?
比如这样

<input v-for="(item,index) in items" v-model="item.condition1" >

export default {

data () {
    items:[{condition1:null,condition2:null,otherProps:{}}]
},
methods: {
    add () {
        this.items.push({blabla....})
    }
}

}

每行一个组件,数据通过props传入后在v-model v-for?这是我现在的一个想法,看看还有没有大神提供更好的办法。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题