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: 説明の一部:

財産	説明する
すべてと一緒に	デフォルトですべてのオプションを表示するかどうか
オプション	オプション一覧
小道具	ラベルと値の名前をカスタマイズする
すべて選択	デフォルトですべてを選択するかどうか
サイズ	サイズを指定してください

プレビューアドレス:

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

npm パッケージのアドレス:

el-select-all

例：