el select all

el-select-all

描述:

帶有全部選項的el-select元件

使用:

安裝依賴套件

 npm i el-select-all

main.js裡引入

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

組件用例

 <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" />

部分api:說明:

屬性	說明
withAll	是否預設顯示全部選項
options	選項列表
props	自訂label和value的名稱
selectAll	是否預設選取全部
size	指定尺寸

預覽地址:

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

npm包裝位址:

el-select-all

範例: