在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移动端时间组件隐藏虚拟键盘
基础教程推荐
猜你喜欢
- JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用 2023-12-27
- 从URL中提取参数与将对象转换为URL查询参数的实现代码 2023-12-28
- Python selenium根据class定位页面元素的方法 2023-12-09
- 基于jQuery和CSS3实现APPLE TV海报视差效果 2023-12-21
- CSS子元素跟父元素的高度一致的实现方法 2023-12-20
- AJAX+Servlet实现的数据处理显示功能示例 2023-02-14
- 解决AJAX请求中含有数组的办法 2023-01-26
- 纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器) 2023-12-09
- 使用FormData进行Ajax请求上传文件的实例代码 2023-02-22
- AJax 把拿到的后台数据在页面中渲染的实例 2023-02-22
