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(',')) //打印出选择的车牌号
}