在el-date-picker中新增@focus="forbid"方法,通过forbid触发屏蔽虚拟键盘。代码如下:
<el-date-picker
v-model="dateTime"
type="daterange"
align="right"
unlink-panels
range-separator="至"
:start-placeholder="startDate"
:end-placeholder="endDate"
:picker-options="pickerOptions"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
@focus="forbid"
></el-date-picker>
//方法
methods: {
//禁止软键盘弹出
forbid() {
document.activeElement.blur();
},
}
以上是编程学习网小编为您介绍的“element-ui移动端时间组件隐藏虚拟键盘”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:element-ui移动端时间组件隐藏虚拟键盘
猜你喜欢
- CSS3实现各种图形的示例代码 2024-02-25
- HTML5 文件域+FileReader 分段读取文件并上传到服务 2022-09-16
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载) 2024-01-03
- 关于带有”显示更多”按钮的多行文本截断思考 2024-02-20
- JS如何通过FileReader获取.txt文件内容 2023-08-08
- 详解CSS不定宽溢出文本适配滚动 2022-11-13
- JavaScript 详解预编译原理 2023-12-23
- CSS实现鼠标滑过卡片上浮效果的示例 2024-01-06
- JQuery中操作Css样式的方法 2024-02-20
- css scroll-snap控制滚动元素的实现 2024-01-05