npm.io
1.1.3 • Published 7 years ago

select-car-no

Licence
ISC
Version
1.1.3
Deps
0
Size
989 kB
Vulns
0
Weekly
0

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

Keywords