uniapp组件 input 注意事项

dxiyigii2

• input 事件处理函数可以直接 return 一个字符串，将替换输入框的内容。仅VX小程序支持。
• input 组件上有默认的 min-height 样式，如果 min-height 的值大于 height 的值那么 height 样式无效。
• H5 暂未支持动态切换，请使用 v-if进行整体切换。
  

• 原html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app和小程序规范中，input仅仅是输入框。
• 小程序平台，number 类型只支持输入整型数字。VX开发者工具上体现不出效果，请使用真机预览。
• 如果需要在小程序平台输入浮点型数字，请使用 digit 类型。
• 小程序端input在置焦时，会表现为原生控件，此时会层级变高。如需前端组件遮盖input，需让input失焦，或使用cover-view等覆盖原生控件的方案。具体来讲，阿里小程序的input为text且置焦为原生控件；VX、头条、QQ所有input置焦均为原生控件；百d小程序置焦时仍然是非原生的。
• input组件若不想弹出软键盘，可设置为disabled
  

• App平台的nvue页面，如果是weex编译模式，需通过weex的api设置（weex模式已被淘汰）
• App平台的vue页面及 H5平台 的弹出键盘使用的是浏览器控制的键盘，在Chrome81+、Safari13.7+之前，键盘右下角文字只能设置完成和搜索，从Chrome81+、Safari13.7+起支持设置发送、下一个。
• App平台涉及聊天的建议使用nvue，一方面因为app-vue控制键盘右下角按键文字为“发送”对webview内核有要求，另一方面聊天记录如使用sroll-view，过长的内容在app-vue上会有性能问题。
  

• adjustResize模式在Android App上，弹起键盘和收回键盘时，因为要重设webview窗体高度，可能会在个别安卓机型闪现灰屏或漏出下层页面内容。
• 小程序端在 input 聚焦期间，避免使用 css 动画。
• H5平台只能在用户交互时修改 focus 生效。
• 如需禁止点击其他位置收起键盘的默认行为，可以监听touch事件并使用prevent修饰符（仅支持App、H5，其他平台可以通过设置focus来使输入框重新获取焦点），例如在确认按钮上使用：@touchend.prevent="onTap"