需求：兩個輸入框，一個只能輸入英文和數(shù)字，另一個只能輸入中文和數(shù)字。

<el-input 
  placeholder="請輸入角色英文名稱..."
  style="width: 300px"
  v-model="newRoleNameEn">
  <template slot="prepend">ROLE_</template>
</el-input>
<el-input
  placeholder="請輸入角色中文名稱..."
  style="width: 250px;margin-left: 5px"
  v-model="newRoleNameZh">
</el-input>
<el-button type="success" @click="addNewRole" style="margin-left: 5px">添加角色</el-button>

設置 watch 監(jiān)聽 input 輸入值

// 監(jiān)聽
watch:{
  // 監(jiān)聽英文名只能輸入英文和數(shù)字
  newRoleNameEn:function(){
    this.newRoleNameEn=this.newRoleNameEn.replace(/[\W]/g,'');
  },
  // 監(jiān)聽中文名只能輸入中文和數(shù)字
  newRoleNameZh:function(){
    this.newRoleNameZh =  this.newRoleNameZh.replace(/[^0-9\u4e00-\u9fa5]/g,'');
  }
}

JavaScript 中 replace() 方法

replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。

語法

stringObject.replace( regexp/substr , replacement )

參數(shù)

regexp/substr ：必需。規(guī)定子字符串或要替換的模式的 RegExp 對象。

請注意，如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉換為 RegExp 對象。

replacement ：必需。一個字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。

返回值

一個新的字符串，是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

參考文檔：https://www.w3school.com.cn/jsref/jsref_replace.asp