A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports

Features

• show content by pagination
• i18n support, provide Chinese, English, Japanese languages
• server side data source support
• tag form for multiple selection
• keyboard to quick navigate
• quick search for autocomplete
• list view and table view to show content
• custom row content render

Installation

npm i v-pulldown --save

Include and install plugin in your main.js file.

import Vue from 'vue'
import vPulldown from 'v-pulldown';
Vue.use(vPulldown, { global config options });

Deploy on your component

<template>
  <v-pulldown :data="list" key-field="id" show-field="name" ></v-pulldown>
</template>

<script>
export default {
  data(){
    return {
      list: [
        {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
        {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
        {...}
      ]
    }
  }
}
</script>