在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移动端时间组件隐藏虚拟键盘


基础教程推荐
猜你喜欢
- 基于Bootstrap框架菜鸟入门教程(推荐) 2024-02-07
- vue中引用阿里字体图标的方法 2024-03-10
- JS实现刷新网页后之前浏览位置保持不变示例详解 2024-03-09
- 微信小程序登录与注册功能的实现详解 2022-08-31
- jQuery实现单击和鼠标感应事件 2023-12-27
- TypeScript 装饰器定义 2023-08-12
- Javascript实现秒表计时游戏 2024-02-04
- 用YUI做了个标签浏览效果 2023-12-21
- 利用Three.js实现3D三棱锥立体特效 2024-02-04
- 原生javascript实现读写CSS样式的方法详解 2024-02-06