VUE3+element-plus el-select 支持全选

弹窗中的监管行业是支持多选的下拉选择框,需求是要再后面加一个全选开关。来控制他的是否全选。

正常点击选择

VUE3+element-plus el-select 支持全选_第1张图片

  点击全选VUE3+element-plus el-select 支持全选_第2张图片 

取消全选VUE3+element-plus el-select 支持全选_第3张图片

下拉框和全选开关代码


        
          
        
        

 全选方法设置成计算属性

// 是否全选
let select_all = computed({
  get() {
    return form.value.orgRegulatoryIndustry?.length == all_indestry_code.value?.length
  },
  set(nVal) {
    form.value.orgRegulatoryIndustry = nVal ? all_indestry_code.value : []
  },
})

总结:利用计算属性的get(),set()函数来控制开关的选中状态和回显下拉框中数据的选中状态。

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