el-select输入框禁止用户输入空格

使用自定义指令,监听事件,当鼠标按下时阻止默认行为。

<el-select
  v-model.trim="noUpdatedForm.terminalCode"
  v-my-directive
  placeholder="请选择"
  filterable
  clearable
>
  <el-option
    v-for="item in noUpdatedTerminalCode"
    :key="item.terminalCode"
    :value="item.terminalCode"
    :label="item.terminalCode"
  ></el-option>
</el-select>

directives: {
  'my-directive': {
    bind(el, binding) {
      el.addEventListener('keydown', function(e) {
        if (e.key === ' ') {
          e.preventDefault()
        }
      })
    }
  }
},

 

posted @ 2023-05-19 10:41  李卫泽  阅读(954)  评论(0)    收藏  举报