车牌号输入组件(含新能源和普通车牌)

您所在的位置:网站首页 车牌号423677f798b0c6f7a28f60e68479f98f622d7522 车牌号输入组件(含新能源和普通车牌)

车牌号输入组件(含新能源和普通车牌)

2024-05-06 22:25| 来源: 网络整理| 查看: 265

更新记录 1.0.0(2023-09-04)

初始版本,即插即用,多端适配

平台兼容性 Vue2 Vue3 √ √ App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 app-vue app-nvue √ √ × × √ × 钉钉小程序 快手小程序 飞书小程序 京东小程序 √ × × √ H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari × × √ √ √ √ √ √ √ uni-plate-input

适配uni-app的车牌号输入组件

适配uni-app的车牌号输入plate-input组件 兼容 H5及微信小程序 引入插件的vue文件并绑定触发事件 默认使用Less样式,也可以在 uni-plate-input.vue文件 中的style标签里将引入样式更换成css或其他自定义样式 参数: plate 配置默认车牌号参数 事件: export 设置车牌号 close 关闭弹出窗 键盘按钮数量发生变动时的动画以及淡入淡出和其它 自定义动画以及自定义样式

演示 使用 引入插件的vue文件并绑定触发事件 车牌号 import plateInput from '@/components/uni-plate-input/uni-plate-input.vue' export default { components: { plateInput }, data() { return { plateNo:'', plateShow:false } }, methods: { setPlate(plate){ if(plate.length >= 7) this.plateNo = plate this.plateShow = false } } } 参数 plate 配置默认车牌号参数 事件 export 设置车牌号 close 关闭弹出窗 样式

默认使用Less样式,也可以在 uni-plate-input.vue文件中的style标签里将引入样式更换成css或其他

@import './uni-plate-input'; //引入Less // @import './uni-plate-input.css'; //引入css


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3