el-input 正则表达式校验输入框不能输入汉字

el-input 正则表达式校验输入框不能输入汉字

el-form-item 线路编码为例

<el-form-item label="线路编码" prop="lineCode">
	<el-input v-model="form.lineCode" placeholder="请输入线路编码"/>
</el-form-item>

校验不能为空、长度在1到50之间以及不能输入汉字

lineCode: [
	{required: true, message: "线路编码不能为空", trigger: "blur"},
    { min: 1, max: 50, message: "长度在 1 到 50 个字符", trigger: "blur",},
    { validator: notChinese, trigger: 'blur'}
],

notChinese校验不能输入汉字

let notChinese= (rule, value, callback) => {
	if (value) {
        if (/[\u4E00-\u9FA5]/g.test(value)) {
          	callback(new Error('线路编码不能输入汉字!'));
   		} else {
        callback();
    	}
   }
   callback();
}

注意：
notChinese变量要放在data() {let notChinese … return{…}}里