uni-app中不能直接用v-model绑定自定义键盘，因其不触发input/change事件，导致视图与数据不同步；应使用data变量存储值、watch监听变化并$emit同步，按输入位动态切换键盘布局，禁用系统键盘及复制粘贴，跨端统一用contenteditable=false替代input。
uni-app里为什么不能直接用v-model绑定自定义键盘输入
因为自定义键盘（比如车牌号键盘、支付密码键盘）不走原生input事件流，v-model依赖input和change事件自动同步值，而你点击键盘按钮是手动调用setValue或拼接字符串，不会触发这些事件。强行套v-model会导致视图和数据不同步，尤其是清空、退格、光标控制时容易错乱。
实操建议：
- 用
data中独立变量（如plateNumber或payPassword）存当前值，所有键盘操作只修改它 - 用
watch监听该变量变化，需要同步到父组件时通过this.$emit('update:xxx', value)触发 - 避免在键盘组件内部读取
input元素的value，它可能为空或滞后 - 车牌号场景注意：首字符必须是汉字（省份简称），后续是字母+数字，需在
appendChar里做校验拦截
车牌号键盘如何限制输入顺序和字符范围
车牌号不是自由输入，有明确格式：1个汉字 + 1个大写字母 + 5位字母/数字（新能源加1位字母）。直接放全量按键会误导用户，也增加校验负担。
实操建议：
- 按输入阶段动态切换键盘布局：第1位显示
['京','沪','粤','苏'...]；第2位只显示['A','B','C'...,'Z']；第3–7位共用一组['0'–'9','A'–'Z']（但需排除I、O等易混淆字符） - 用
computed实时计算当前应处的“输入位”，例如：const position = plateNumber.length，再用v-if控制按钮显隐 - 点击按键时先校验：
if (position === 0 && !/^[\u4e00-\u9fa5]$/.test(char)) return，不符合直接忽略 - 新能源车牌末位固定为
'D'或'F'，可在第7位按键逻辑里硬编码过滤
支付密码键盘为何必须禁用长按、复制、粘贴和系统键盘弹出
支付类场景对安全性要求高，系统键盘可能泄露明文、支持剪贴板粘贴（绕过逐位输入逻辑）、长按触发选中/复制菜单——这些都会破坏密码输入流程，甚至被自动化脚本利用。
实操建议：
- 给承载键盘的
view加user-select: none; -webkit-user-select: none;，禁用文字选择 - 在键盘容器上绑定
@touchstart.prevent和@longpress.prevent（uni-app的longpress事件需配合catch:longpress防冒泡） - 关键：在
input标签上设置type="text"（不能用password），然后用password样式（如font-family: monospace; letter-spacing: 8px;）+ 自定义圆点遮盖，同时设focusable="false"并blur()掉焦点，彻底阻止系统键盘唤起 - 监听
paste事件并preventDefault()，虽然H5有效，但App端需额外在plus.key中监听物理键防止截屏或调试器注入
uni-app跨端时软键盘与自定义键盘的冲突怎么解
在App端（iOS/Android），即使隐藏了系统input，某些机型仍会在点击输入区域时弹出系统键盘（尤其iOS WKWebView兼容性差）；而在微信小程序里，input聚焦又会强制顶起页面，遮挡自定义键盘。
实操建议：
- 统一用
<view contenteditable="false"></view>替代input作为显示框，完全脱离表单控件体系 - App端：在
onReady中调用uni.hideKeyboard()，并在键盘按钮tap后立即执行，防偶发弹出 - 小程序端：给
input设cursor-spacing="9999"（极大值）+adjust-position="false"，避免页面滚动；再用position: fixed把自定义键盘钉在底部 - 所有平台都加上
catchtouchmove到键盘父容器，防止手指滑动误触发页面滚动
最麻烦的其实是光标模拟——自定义键盘没有真实光标，用户无法感知当前输入位置。如果业务强依赖光标（比如可编辑车牌中间某一位），就得用绝对定位+canvas画虚线，或者用textarea仅作视觉占位（不可聚焦），成本很高，多数场景直接禁用中间编辑更稳妥。
