VUE:依赖element-ui的el-select全选组件封装

1、需求描述

VUE+Element-UI的下拉框选择中缺少全选功能,不方便用户操作。顾封装一个支持全选的el-select的组件
VUE:依赖element-ui的el-select全选组件封装_第1张图片

2、组件封装

组件支持全部多选,提供多个参数支持配置,包括全选文件的名称。






3、使用样例

组件的引用,通过import组件和声明components来引用:

  import SelectAll from "@/components/SelectAll";
  export default{
    	components: {
     	 SelectAll
   		 }
    }

调用方式:



参数说明:

参数 说明
:data 要填充下拉框数据列表集 []
v-model 选择的数据集 []
key 列表中的item key string
label 列表中的item 显示值 string
value 列表中的item 选择的值 string
allLabel 全选文件的名称 string

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