在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移动端时间组件隐藏虚拟键盘
基础教程推荐
猜你喜欢
- 全面总结使用CSS实现水平垂直居中效果的方法 2023-12-21
- 原生JS实现H5转盘游戏的示例代码 2024-03-31
- 基于Ajax的formData图片和数据上传 2023-02-01
- vue keep-alive 2023-10-08
- Centos 7--pdf2htmlEX安装和配置 2023-10-25
- vue创建组件的两种方式 2023-10-08
- javascript实现的多个层切换效果通用函数实例 2023-12-02
- js实现滚动条滚动到某个位置便自动定位某个tr 2024-01-24
- uniapp中vuex的应用使用步骤 2022-10-21
- css让页脚保持在底部位置的四种方案 2023-12-21