el-input禁用键盘事件

以下是禁用el-input键盘事件的两种方法：

1. 给el-input添加readonly属性

<el-input v-model="inputNode.label" readonly></el-input>

2. 在input事件处理方法前添加一句document.activeElement.blur()

<el-input v-model="inputNode.label" @input="blurInput"></el-input>

methods: {
  blurInput() {
    document.activeElement.blur();
  }
}

相关问题

<el-input-number v-model="value" :readonly="true"></el-input-number>无法变成只读模式

你可以添加 `disabled` 属性来禁用输入框，并将 `readonly` 属性设置为 `true` 来防止用户通过键盘输入：

<el-input-number v-model="value" disabled :readonly="true"></el-input-number>

这样用户就无法通过键盘或鼠标操作改变输入框的值，但是仍然可以通过 JavaScript 代码来更新 `value` 的值。如果你想完全禁用该输入框，可以将其包装在一个 `<div>` 中并将 `disabled` 属性设置为该 `<div>`，如下所示：

<div disabled>
  <el-input-number v-model="value" :readonly="true"></el-input-number>
</div>

这样用户无法通过任何方式改变输入框的值。

el-input无法输入

可能有以下几个原因导致 el-input 无法输入：

1. 输入框被禁用或只读：检查一下 el-input 的属性是否设置为 disabled 或 readonly。

2. CSS 样式问题：检查一下 el-input 的样式是否被覆盖或者设置了 display:none。

3. 键盘问题：检查一下键盘是否正常工作，尝试使用其他输入框测试。

4. 网络问题：如果是使用远程数据源，可能是网络不稳定或者服务器出现问题导致无法输入。

建议逐一排查上述问题，找到问题所在并予以解决。