v-select에 사용자 지정 텍스트 입력

v-select에 사용자 지정 텍스트 입력

프로젝트에는 로컬 스토리지에서 가져오는 항목 세트가 포함된 v-select가 있습니다.사용자가 v-select에 일부 데이터(스토리지 또는 항목에 없는 일부 데이터)를 입력하고 v-select 항목에서 데이터를 선택하여 저장할 수 있도록 합니다.@change부터 해보려고 했는데 잘 안 되더라고요.vuetify/vue를 사용하여 올바르게 실행할 수 있는 방법이 있습니까?아니면 추가 라이브러리를 사용해야 합니까?v-select의 코드입니다.

           <v-select
          item-text="title"
          item-value="title"
          value="source.position"
          label="position"
          dense
          autocomplete
          :items="getPositions()"
          @change="jobPositionUpdate">
        </v-select>

잘 부탁드립니다!

콤보박스를 사용해야 할 것 같아요.Vuetify 웹사이트에 따르면 "Combobox를 사용하면 사용자가 제공된 항목 목록에 없을 수 있는 새로운 값을 만들 수 있습니다."

<v-combobox
   v-model="selected"
   item-text="title"
   item-value="title"
   value="source.position"
   label="position"
   dense
   :items="getPositions()"
   @change="jobPositionUpdate">
</v-combobox>

v-model을 추가하면 사용자가 콤보 상자에 선택 및/또는 추가한 모든 항목을 추적하는 데 도움이 됩니다.

또 다른 팁은 v-select에서 자동 완료를 사용하는 것이 권장되지 않는다는 것입니다. 참조.사용할 수 있습니다.<v-autocomplete>대신

언급URL : https://stackoverflow.com/questions/49323169/input-custom-text-into-v-select