多个 el-select 下拉框调用同一个数组时,下拉框的值不能重复

实现的效果

多个下拉框,每个下拉框选中的值不能重复,选过的下拉值会被过滤

多个 el-select 下拉框调用同一个数组时,下拉框的值不能重复_第1张图片

共用一个接口  realUserList  ,  里面是部门的人

四个下拉框必选,数据结构如下

多个 el-select 下拉框调用同一个数组时,下拉框的值不能重复_第2张图片

 我使用的方法是计算属性完成,  我是从vuex 里面的获取的数据( userList ),   原理就是利用 v-model的 响应式数据, 把选择之后的数据放在数组里面, 然后进行遍历 , 过滤 , 然后 让el-option

绑定的数据为过滤之后的数据

多个 el-select 下拉框调用同一个数组时,下拉框的值不能重复_第3张图片

你可能感兴趣的:(前端,vue.js)