移动端输入框禁止软键盘弹出

输入框：

 <el-input v-model="value" @focus="forbid" />

//focus 聚焦事件
 forbid () {
      document.activeElement.blur()
 }

• document.activeElement： 返回文档中当前获得焦点的元素。

时间输入框：

//单个时间
<el-date-picker
            @focus="forbid"
            value-format="yyyy-MM-dd"
            v-model="reportForm.reportDate"
            type="date"
            placeholder="选择日期"
          >
</el-date-picker>

//时间范围
 <el-date-picker
              v-model="supplyWorkOrderForm.timeRange"
              type="datetimerange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              value-format="yyyy-MM-dd HH:mm:ss"
              unlink-panels
              @focus="forbid"
>


 // 禁止移动端点击时间选择器弹出虚拟键盘
    forbid () {
      document.activeElement.blur()
      this.$nextTick(() => {
      //单个时间插件
        let inputTime = document.querySelectorAll(
          '.el-date-editor .el-input__inner'
        )
        inputTime.forEach(item => {
          item.addEventListener('focus', () => {
            document.activeElement.blur()
          })
        })
        //时间范围插件
        let input = document.querySelectorAll(
          '.el-date-range-picker__editor .el-input__inner'
        )
        input.forEach(item => {
          item.addEventListener('focus', () => {
            document.activeElement.blur()
          })
        })
      })
    },