Vue.js的可自定义自动完成组件– v-autocomplete

Vue.js的可自定义自动完成组件– v-autocomplete
插件名称 v-autocomplete
发布时间 2021年2月7日
插件作者 paliari

Vue.js的自动完成组件,允许自定义任何框架的外观。

安装和下载:

# Yarn
yarn add v-autocomplete

# NPM
$ npm install v-autocomplete

例子

<template>
  <v-autocomplete :items="items" v-model="item" :get-label="getLabel" :component-item='template' @update-items="updateItems">
  </v-autocomplete>
</template>

<script>
import ItemTemplate from './ItemTemplate.vue'
export default {
  data () {
    return {
      item: {id: 9, name: 'Lion', description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'},
      items: [],
      template: ItemTemplate
    }
  },
  methods: {
    getLabel (item) {
      return item.name
    },
    updateItems (text) {
      yourGetItemsMethod(text).then( (response) => {
        this.items = response
      })
    }
  }
}
</script>