继承自v-selectpage组件，修复了服务端分页时，初始化数据赋值问题，增加了一些事件监听

v-selectpage ·

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

Examples and Documentation

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

The jQuery version: SelectPage

Features

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

Browsers support

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

Installation

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
  }
}

Usage

<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>