el-input 怎么禁止手机软键盘弹出

在Element UI库中的`el-input`组件中，如果你想要阻止手机软键盘自动弹出，你可以添加一个`v-model.lazy`指令，并配合`:focus="false"`属性来实现。这会使输入框不会立即响应输入事件，从而避免触发软键盘。

示例代码如下：

<template>
  <el-input v-model.lazy="inputValue" :focus="isKeyboardVisible ? false : true">
    <!-- 其他输入框内容 -->
  </el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isKeyboardVisible: false,
    };
  },
  methods: {
    handleFocus(e) {
      this.isKeyboardVisible = e.target === document.activeElement;
    },
  },
  // 绑定事件监听
  mounted() {
    document.addEventListener('focusin', this.handleFocus);
    document.addEventListener('focusout', this.handleFocus);
  },
  beforeDestroy() {
    document.removeEventListener('focusin', this.handleFocus);
    document.removeEventListener('focusout', this.handleFocus);
  },
};
</script>

在这个例子中，当元素获取焦点(`handleFocus`函数触发)时，会检查当前是否是`document.activeElement`，如果不是，则设置`isKeyboardVisible`为`false`，从而防止软键盘弹出。当失去焦点时，软键盘才会关闭。