Vue 中计算属性实现动态循环出的多个 select 不能重复选择相同的数据
Vue 中计算属性实现动态循环出的多个 select 不能重复选择相同的数据前言实现逻辑核心代码1.结构2.数据3.方法4.计算属性总结前言通过计算属性return的值可以保证相对独立,又可以在其依赖的属性的值发生变化时进行重新计算。实现逻辑具体的实现逻辑我写在了代码的注释里了,这里就写下核心的逻辑)1.保证每个下拉框的Option循环的cityList都是独立的,不会影响到其他的下拉框2.把所有Select已经选中的选项放入一个数组arr中3.所有的Option的显示数据cityList
原创
2021-03-22 14:22:04 ·
2459 阅读 ·
2 评论