Element UI el-input 输入框限制输入：汉字、字母、数字，禁止特殊字符

要实现输入框只能输入汉字、字母和数字的限制，并禁止输入特殊字符，可以使用 el-input 组件的 input 事件结合正则表达式进行限制。

首先，在 el-input 组件上绑定 input 事件，通过该事件监听输入框的输入。

<el-input @input='handleInput'></el-input>

然后，在 Vue 的 methods 中定义 handleInput 方法，用来处理输入框的输入。

methods: {
  handleInput(event) {
    const regex = /^[A-Za-z0-9\u4e00-\u9fa5]+$/; // 正则表达式，限制输入为汉字、字母和数字
    const inputValue = event.target.value; // 获取输入框的值

    if (!regex.test(inputValue)) {
      // 如果输入的值不符合正则表达式，则移除特殊字符
      const filteredValue = inputValue.replace(/[\u4e00-\u9fa5A-Za-z0-9]/g, '');
      event.target.value = filteredValue;
    }
  }
}

在 handleInput 方法中，我们首先定义了一个正则表达式，该正则表达式限制输入为汉字、字母和数字。然后，获取输入框的值，并使用正则表达式的 test 方法进行匹配。如果输入的值不符合正则表达式，则通过 replace 方法移除特殊字符，并将处理后的值重新赋给输入框。

这样，就可以实现输入框只能输入汉字、字母和数字的限制，并禁止输入特殊字符。