el select all

el-select-all

describe:

el-select component with all options

use:

Install dependency packages

 npm i el-select-all

Introduced in main.js

 import ElSelectAll from 'el-select-all'
Vue.use(ElSelectAll)

Component use cases

 <ElSelectAll v-model="storeCodes" filterable multiple collapse-tags @change="onChange" :withAll="false" :options="mdoptionsList" />

<ElSelectAll v-model="storeCodes" filterable multiple collapse-tags @change="onChange" :options="mdoptionsList" :props="{ label: 'deviceName', value: 'deviceNo' }" :selectAll="true" :withAll="true" :size="'mini'" style="width: 300px" />

Part of the api: description:

property	illustrate
withAll	Whether to show all options by default
options	Options list
props	Customize label and value names
selectAll	Whether to select all by default
size	Specify size

Preview address:

https://fred-hu.github.io/el-select-all

npm package address:

el-select-all

Example: