el select v2 다운로드 - el select v2 소스 코드 다운로드

el select v2

기타 카테고리

1.4.6

다운로드

V2 가상 목록 선택기 선택

Vue 2 버전용 Element UI를 기반으로 하는 가상 목록 선택기 구성 요소입니다.

온라인 데모

사용 지침

npm i el-select-v2 npm i element-ui

  import Vue from 'vue' ;
// 必须引入 element-ui
import ElementUI from 'element-ui' ;
import 'element-ui/lib/theme-chalk/index.css' ;
import ElSelectV2 from 'el-select-v2' ;

Vue . use ( ElSelectV2 ) ;

< template >
  < el-select-v2 v-model = " value " :options = " options " />
</ template >

< script >
  export default {
    data () {
      return {
        options : [],
        value : ' ' ,
      };
    },
    created () {
      for ( let i = 0 ; i < 10000 ; i ++ ) {
        this . options . push ({
          value : ` value ${ i + 1 } ` ,
          label : ` label ${ i + 1 } ` ,
        });
      }
    },
  };
</ script >

샘플 코드

속성 선택

매개변수	설명하다	유형	선택적 값	기본값
값/v-모델	바인딩 값	부울/문자열/숫자	—	—
옵션	데이터 나열	정렬	—	—
값 키	값 키 이름	끈	—	값
라벨 키	라벨 키 이름	끈	—	상표
옵션 키(1.4.6)	옵션 키 이름	끈	—	옵션
비활성화된 키(1.4.1)	비활성화된 키 이름	끈	—	장애가 있는
객체 키(1.4.0)	바인딩된 값이 객체 유형인 경우 키 이름	끈	—	값
최소 항목 크기	각 옵션의 최소 높이	숫자	—	34
다수의	여러개 선택 여부	부울	—	거짓
장애가 있는	비활성화 여부	부울	—	거짓
크기	입력 상자 크기	끈	중형/소형/소형	—
삭제 가능	옵션을 지울 수 있습니까?	부울	—	거짓
축소 태그	다중 선택 시 선택한 값을 텍스트로 표시할지 여부	부울	—	거짓
다중 제한	다중 선택 시 사용자가 선택할 수 있는 최대 항목 수입니다. 0이면 제한이 없습니다.	숫자	—	0
이름	선택 입력의 이름 속성	끈	—	—
자동완성	선택 입력의 자동 완성 속성	끈	—	끄다
자리 표시자	자리 표시자	끈	—	선택해주세요
필터링 가능	검색이 가능한가요?	부울	—	거짓
생성 허용	사용자가 새 항목을 생성할 수 있는지 여부는 `filterable` 과 함께 사용해야 합니다.	부울	—	거짓
필터 방법	맞춤 검색 방법	기능	—	—
원격	원격수색인지	부울	—	거짓
원격 방법	원격 검색 방법	기능	—	—
로드 중	데이터가 원격으로 획득되고 있는지 여부	부울	—	거짓
로딩 텍스트	원격 로딩 중 표시되는 텍스트	끈	—	로드 중
일치하지 않는 텍스트	검색 조건이 일치하지 않을 때 표시되는 텍스트, `slot="empty"` 설정을 사용할 수도 있습니다.	끈	—	일치하는 데이터가 없습니다.
데이터 없음 텍스트	옵션이 비어 있을 때 표시되는 텍스트는 `slot="empty"` 사용하여 설정할 수도 있습니다.	끈	—	데이터 없음
팝퍼급	드롭다운 상자의 클래스 이름을 선택합니다.	끈	—	—
예약 키워드	다중선택 및 검색이 가능한 경우, 옵션 선택 후 현재 검색어를 유지할지 여부	부울	—	진실
기본 우선 옵션	입력 상자에서 Enter 키를 누르고 첫 번째 일치 항목을 선택합니다. `filterable` 또는 `remote` 과 함께 사용해야 함	부울	—	거짓
포퍼-본문에 추가	팝업 상자를 body 요소에 삽입할지 여부입니다. 팝업 상자 위치에 문제가 있는 경우 이 속성을 false로 설정할 수 있습니다.	부울	—	진실
자동 드롭다운	검색 불가능한 선택의 경우 입력 상자에 포커스가 잡힌 후 옵션 메뉴를 자동으로 팝업할지 여부	부울	—	거짓
맞춤 입력 너비 (1.1.0)	드롭다운 상자의 너비가 입력 상자와 동일한지 여부를 false로 설정하면 너비가 자동으로 계산되어 성능이 저하됩니다.	부울	—	진실

이벤트 선택

이벤트 이름	설명하다	콜백 매개변수
변화	선택한 값이 변경되면 트리거됩니다.	현재 선택된 값
눈에 보이는 변화	드롭다운 상자가 나타나거나 숨길 때 트리거됩니다.	나타나면 True, 숨겨져 있으면 False
태그 제거	다중 선택 모드에서 태그가 제거되면 트리거됩니다.	제거된 태그 값
분명한	삭제 가능한 라디오 모드에서 사용자가 삭제 버튼을 클릭하면 트리거됩니다.	—
흐림	입력이 포커스를 잃을 때 트리거됩니다.	(이벤트 : 이벤트)
집중하다	입력에 포커스가 있을 때 트리거됨	(이벤트 : 이벤트)

슬롯 선택

이름	설명하다
—	맞춤 템플릿, 매개변수는 { 항목 }입니다.
헤더(1.3.0)	드롭다운 목록 상단의 내용
바닥글(1.3.0)	드롭다운 목록 하단의 내용
접두사	구성 요소 헤더 내용 선택
비어 있는	옵션 없이 나열

옵션

매개변수	설명하다	유형	선택적 값	기본값
값	옵션 가치	문자열/숫자/객체	—	—
상표	옵션의 라벨입니다. 설정하지 않은 경우 기본값은 `value`	문자열/숫자	—	—
옵션(1.2.0)	그룹화 옵션	정렬	—	—
장애가 있는	이 옵션을 비활성화할지 여부	부울	—	거짓