搜索功能下拉树 组件_功能丰富的选择和下拉组件

搜索功能下拉树 组件

选择 (vue-select)

Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.

您希望HTML <select>元素可以做的所有事情，都包装成一个轻便的，可扩展的Vue组件。

Vue Select is a feature rich select/dropdown/typeahead component.

Vue Select是功能丰富的选择/下拉/预输入组件。

View demo 查看演示 View Github 查看Github

• Tagging

  标记

• Filtering / Searching

  筛选/搜索

• Vuex Support

  Vuex支持

• AJAX Support

  AJAX支持

• SSR Support

  SSR支持

• ~20kb Total / ~5kb CSS / ~15kb JS

  总共〜20kb /约5kb CSS /约15kb JS

• Select Single/Multiple Options

  选择单个/多个选项

• Customizable with slots and SCSS variables

  可自定义广告位和SCSS变量

• Tested with Bootstrap 3/4, Bulma, Foundation

  经过Bootstrap 3/4，布尔玛，基础测试

• +95% Test Coverage

  + 95％的测试覆盖率

• Zero dependencies

  零依赖

文献资料 (Documentation)

Complete documentation and examples available at https://vue-select.org.

完整的文档和示例可在https://vue-select.org上获得 。

• API Documentation

  API文档

• CodePen Template

  CodePen模板

安装 (Install)

$ npm install vue-select

Register the component

注册组件

import Vue from 'vue'
import vSelect from 'vue-select'

Vue.component('v-select', vSelect)

You may now use the component in your markup

您现在可以在标记中使用组件

<v-select v-model="selected" :options="['Vue.js','React']"></v-select>

翻译自: https://vuejsexamples.com/a-feature-rich-select-dropdown-typeahead-component/

搜索功能下拉树 组件