如何在微信小程序中使用车牌号输入法

　　介绍

如何在微信小程序中使用车牌号输入法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

组件代码索引。wxml

& lt; view 类=癱arPlate",天气:如果=皗{展示}}“比; 　　,& lt; block  wx:如果=皗{类型==1}}“比; 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{cityKeyword1}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{cityKeyword2}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{cityKeyword3}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{cityKeyword4}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　,& lt;/block> 　　,& lt; block  wx: else> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{keyNumber}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{wordList1}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　& lt;才能/view> 　　& lt;才能view 类=皐ordList"比; 　　,,& lt; view 类=皐ordItem",天气:为=皗{wordList2}},,天气:关键=皗{项}}“,bindtap=癶andleClick",数据类型=?“,数据项=皗{项}}“在{{项}}& lt;/view> 　　,,& lt; view 类=皐ordItem  wordClear", bindtap=癶andleClick",数据项=癲elete"比; 　　,,,& lt; https://www.yisu.com/zixun/image  src="/图片/input-clear.png”类=" clearImg "> 　　 　　 　　<视图类=按士狻? 　　<视图类=" wordItem“天气:=" {{wordList3}} "天气:关键="{{项}}" bindtap=癶andleClick”数据项="{{项}}">{{项}} 　　<视图类=" wordItem wordConfirm“bindtap=癶andleClick”数据项="确认">确定 　　 　　 　　

索引。css

.carPlate { 　　位置:大敌;固定; 　　,填充:12 rpx  12 rpx  30 rpx; 　　,左:0; 　　,底部:0; 　　,宽度:100%; 　　,/*高度:150 px; */,字体大小:30 rpx; 　　,背景:# fff; 　　,box-sizing: border-box; 　　,border-top: 1 px  solid  rgb (211,, 207,, 207); 　　,z - index: 200; 　　} 　　.wordList { 　　,显示:flex; 　　,宽度:100%; 　　,justify-content:之间的空间; 　　,对齐项目:中心; 　　} 　　.wordItem { 　　,保证金:5 rpx; 　　,宽度:70 rpx; 　　,身高:70 rpx; 　　,行高:70 rpx; 　　,text-align:中心; 　　,边界:1 px  solid  # eee; 　　,这个特性:10 rpx; 　　} 　　.wordConfirm { 　　,宽度:130 rpx; 　　,颜色:# fff; 　　背景:大敌;# 473 af0; 　　} 　　.wordClear { 　　,宽度:100 rpx; 　　} 　　.clearImg { 　　,宽度:60 rpx; 　　,高度:60 rpx; 　　,vertical-align:中间; 　　}

索引。js

组件({ 　　 　　,属性:{ 　　,,类型:{ 　　,,,类型:数字, 　　,,,默认值:1 　　,,}, 　　,,表明:{ 　　,,,类型:布尔, 　　,,,默认值:false, 　　,,} 　　}, 　　 　　,数据:{ 　　cityKeyword1才能:& # 39;京沪浙苏粤鲁晋冀豫& # 39;, 　　cityKeyword2才能:& # 39;川渝辽吉黑皖鄂湘赣& # 39;, 　　cityKeyword3才能:& # 39;闽陕甘宁蒙津贵云& # 39;, 　　cityKeyword4才能:& # 39;桂琼青新藏港澳台& # 39;, 　　keyNumber才能:& # 39;1234567890 & # 39; 　　,,wordList1: & # 39; QWERTYUIOP& # 39; 　　,,wordList2: & # 39; ASDFGHJKL& # 39; 　　,,wordList3: & # 39; ZXCVBNM& # 39; 　　}, 　　 　　,方法:{ 　　handleClick才能(e), { 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

如何在微信小程序中使用车牌号输入法