菜鸟prime的博客

原创 Element UI使用v-for生成多个下拉框时如何使下拉框之间互不影响

在业务中我们有时候需要动态生成多个下拉框进行一些数据处理操作，由于Vue的数据绑定机制很多时候会出现选择一个下拉框时其他下拉框也跟着改变的问题：不难发现因为多个el-select中的v-model绑定的都是value这个字段，因此当然会联动改变解决方案如下：将数据绑定到arr[]这个数组中，利用index进行分开绑定，这样就可以解决问题了，运行结果如下：扩展：现在我们的各个下拉框之间已经相对独立，我们可能会需要对选中的值进行进一步的操作，这时我们也许会用到 @change，如果我们可以