vue設置el-input禁止輸入特殊字符

有時候使用Element-ui組件時，根據需求需要設置輸入框只能輸入數字的效果，我們可以通過下面的代碼實現，代碼如下：

<template>
    <el-input
        v-model="value"
        placeholder="請輸入"
        @keyup.native="keyUp"
        @keydown.native="keydown"
     ></el-input>
</template>
<script>
  export default {
      methods:{
      //限制輸入特殊字符
        keyUp(e) {
           e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g,"");
          },
           // 只能輸入漢字、英文、數字
        keydown(e) {
           e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
          }
    }
}
</script>
//只能輸入數字
  e.target.value = e.target.value.replace(/[^\d]/g,"");