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>

---

官网：https://github.com/paliari/v-autocomplete

演示：https://www.vue365.cn/code_demo.php?id=4166

GitHub下载：https://github.com/paliari/v-autocomplete/archive/master.zip