Vue-casc-selector NPM

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

vue-cacs-selector

安装插件

npm install vue-cacs-selector
或：yarn add vue-cacs-selector

引入并注册插件

import Vue from 'vue'
import VueCacsSelector from 'vue-cacs-selector'
import 'vue-cacs-selector/lib/selector.css' // 引入样式
Vue.use(VueCacsSelector)

基本用法示例

<VueCacsSelector
  :selectData="selectData"
  :defaultValue="defaultValue"
  name="label"
  value="value"
  :labelInValue="false"
  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值，索引值）

core-js vue vue-router vuex

@infinitebrahmanuniverse/nolb-vue-ca @everything-registry/sub-chunk-3074

0.1.0

1 year ago