Vue-amazing-selecter NPM

vue-amazing-select

安装插件

npm install vue-amazing-selecter
或：yarn add vue-amazing-selecter

引入并注册插件

import Vue from 'vue'
import VueAmazingSelecter from 'vue-amazing-selecter'
import 'vue-amazing-selecter/lib/selecter.css' // 引入样式
Vue.use(VueAmazingSelecter)

基本用法示例

<VueAmazingSelecter
  :selectData="selectData"
  :selValue="selValue"
  name="name"
  value="value"
  placeholder="请选择城市"
  :disabled="false"
  :width="160"
  :num="6"
  @getValue="getValue"
/>

Props

属性	说明	类型	默认值
selectData	下拉列表数据	Array	[]
selValue	下拉列表默认选中	String/Number	undefined
name	下拉列表每项的key名称	String	name
value	下拉列表每项的value名称	String	value
placeholder	下拉框的placeholder	String	请选择
disabled	是否禁用	Boolean	false
width	下拉框的宽度	Number	200
num	下拉列表最多展示的条数	Number	8