参考文档： http://markdown.p2hp.com/index.html

cc-components-test

安装插件

npm install cc-components-test
或：yarn add cc-components-test

引入并注册插件

import Vue from 'vue'
import VueAmazingSelector from 'cc-components-test'
import 'cc-components-test/lib/selector.css' // 引入样式
Vue.use(VueAmazingSelector)

基本用法示例

<VueAmazingSelector
  :selectData="selectData"
  :defaultValue="defaultValue"
  name="label"
  value="value"
  placeholder="请选择城市"
  :disabled="false"
  :width="160"
  :height="36"
  :num="6"
  v-model="selectedValue"
  @change="onChange" />

Props

属性 | 说明 | 类型 | 默认值 :--- | :--- | :--- | :--- selectData | 下拉列表数据 | Array | [] defaultValue | 下拉初始默认值，在未设置selectedValue（v-model）时生效 | String/Number | '' name | 下拉字典项的文本字段名 | String | name value | 下拉字典项的值字段名 | String | value placeholder | 下拉框默认文字 | String | 请选择 disabled | 是否禁用下拉 | Boolean | false width | 下拉框的宽度 | Number | 200 height | 下拉框的高度 | Number | 36 num | 下拉面板最多能展示的下拉项数，超过后滚动显示 | Number | 6 selectedValue | v-model）当前选中的下拉值 | /Number/String/Object | null

Events

事件名 | 说明 | 返回值 :--- | :--- | :---

change | 选择某项下拉后的回调函数 | name, value, index（name文本值，value值，索引值）