uview组件u--input输入框 手机端点击弹出键盘 如何让它点击不显示键盘 前端代码实现
时间: 2023-10-08 16:10:17 浏览: 236
uniapp uView u-picker组件三级联动Demo
可以在 `u-input` 组件中添加 `readonly` 属性来禁止弹出键盘,如下所示:
```html
<u-input v-model="inputValue" readonly></u-input>
```
也可以在样式中添加 `-webkit-user-select: none` 属性来达到同样的效果,如下所示:
```css
.u-input input {
-webkit-user-select: none;
}
```
这样就可以在手机端点击 `u-input` 输入框时不弹出键盘了。
阅读全文