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 DocumentationLive Examples on CodePen, more examples and documentation please visit below sites
The jQuery version: SelectPage
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]
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4