vue-smartselect

a smart select

ScreenShot

Usage

/dist/build.js is a prebuilt version.

# install dependencies
yarn add hxsf/vue-smartselect

<div>
	<smart-select :items="items" :selecteds="selecteds" :label="{label: 'name', value: 'value'}"></smart-select>
</div>

import SmartSelect from 'vue-smartselect'

const items =  [
	{name: "abc", value: "aaa"},
	{name: "aut"}, // same as {name: "aut", value: "aut"}
	{name: "accusamus"},
	{name: "beatae"},
	{name: "culpa"},
	{name: "dicta"},
	{name: "dolorum"},
	{name: "ea"},
	{name: "est"},
	{name: "fuga"},
	{name: "iad"},
	{name: "iusto"},
	{name: "magnam"},
	{name: "maxime"},
	{name: "non"},
	{name: "optio"},
	{name: "tempore"},
	{name: "voluptatem"}
]
const selecteds = []
// to select top three
selecteds.push(items[0])
selecteds.push(items[1])
selecteds.push(items[2])

export default {
	// Options / Data
	data () {
		return {
			items: items,
			selecteds: selecteds
		}
	},
	components: {SmartSelect}
}

License

MIT