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 패키지 주소:

엘-모두 선택

예: