1.1.3 • Published 6 years ago
select-car-no v1.1.3
select-car-no
a vue car-no select plugin ---基于vue项目的移动端车牌号选择插件
动态图演示
install plugin
npm install select-car-no
import plugin in main.js
import Vue from 'vue'
import selectCarNo from 'select-car-no'
Vue.use(selectCarNo)
base use
<select-car-no ref="carSelectNo" @selectedValue="selectedCarValue" :defaultValue="['京', 'A']"></select-car-no>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
defaultValue | 默认显示选择的号码 | Array | - |
ref | 获取当前插件实例 | String | - |
Event
事件名 | 说明 | 参数 |
---|---|---|
selectedValue | 选择车牌时的回调函数 | - |
用法示例
###显示选择面板
this.$refs.carSelectNo.show()
###隐藏选择面板
this.$refs.carSelectNo.hide()
###选择车牌时事件
selectedCarValue(val) {
this.carno = val
console.log(val.join(',')) //打印出选择的车牌号
}