vuetify select UI component example

vuetify 에서 사용할 수 있는 Form inputs & controls 중에 selects라고 불리는 사용방법입니다.
보통 jsp에서는 key, value로 해서 사용을 하는데 vuetify selects는 사용방법을 잘 모르겠더라구요.
그래서 이번에 구현하면서 정리한 내용을 공유하여 드립니다.

<v-select
  class="pl-8"
  label="검색조건"
  v-model="searchCon"
  :items="items"
  item-text="name"
  item-value="id"
  ></v-select>

위와 같이 사용을 하시면 key, value로 해서 사용을 하면 되네요. ^^
items에 대한 정의는 아래와 같습니다. 

data: ()=>({
  items: [
    { id: 'detailNm', name: '코드명' },
    { id: 'detailId', name: '코드' },
  ],
  searchCon: null
}),