[TIL] Vue-MultiSelect

매일매일 써야하는데 코드에 치이다가...일단 틈틈이 노션에 정리해둔 거라도 올려본다.

 

 

처음 본 라이브러리라 간략하게 기록해놓고자 한다.

 

공식 문서

Vue-Multiselect | Vue Select Library.

 

 

기본 옵션은 다음과 같다.

  multiselect(
    v-model="value",
    :options="options",
    :searchable="false",
    :close-on-select="false",
    :show-labels="false"
    placeholder="Pick a value"
  )

 

 

options 같은 경우 bootstrap의 b-form-select랑 비슷한 느낌이다.

:searchable="true" : select 선택 칸에 입력이 가능해진다.

:close-on-select="true" : 선택하면 창이 닫힌다.

:allow-empty = “false” : 같은 값 2번 클릭 시 선택된 값이 안빠지게 하기

 

옵션에 들어가는 데이터가 객체일 땐 label, track-by를 넣어줘야 한다.