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

Live Examples on CodePen, more examples and documentation please visit below sites

• English site
• 国内站点

The jQuery version: SelectPage

• show content by pagination
• i18n support, provided languages:
  • Chinese
  • English
  • Japanese
  • Arabic
  • Spanish
  • German
  • Romanian
  • French
  • Portuguese-Brazil
  • Polish
  • Dutch
• 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

IE / Edge	Firefox	Chrome	Safari	Opera
IE9, IE10, IE11, Edge	Firefox 18+	Chrome 49+	Safari 10+	Opera 36+

npm i v-selectpage --save

Include and install plugin in your main.js file.

import Vue from 'vue'
import SelectPage from 'v-selectpage'
Vue.use(SelectPage, { global config options })

You also can import v-selectpage as a local component

import { SelectPage } from 'v-selectpage'
export default {
  components: {
    'v-selectpage': SelectPage
  }
}

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

List view for Single selection

List view for multiple selection with tags form

Table view for single selection

This project exists thanks to all the people who contribute. [Contribute].

Become a financial contributor and help us sustain our community. [Contribute]

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

• v-dropdown - The dropdown container layer