vue.js輸入框禁止輸入特殊字符

watch 需要禁止特殊字符的 data，在 $nextTick() 中更新 watch 的變量。模板里還是 v-model 綁定需要輸入的字段。

例如username:

<template>
  <el-input v-model="username" name="username" type="text">
</template>

<script>
  function filterInput(val) {
    // 這里過濾的是除了英文字母和數(shù)字的其他字符
    return val.replace(/[^A-z0-9]/, '')
  }
  export default {
    watch: {
      username(val) {
        this.$nextTick(() => {
          this.username = filterInput(val)
        })
      }
    }
  }
</script>

寫個正則表達式不就可以了，不通過正則，不讓提交表單

監(jiān)聽input事件，如果有這些字符，把這些字符替換為空字符