Vue 添加校验规则(不在表单内，不使用v-decorator)

输入框

<a-inout placeholder="请输入资源名称" v-model = "search" @input="judgeLength" @change = "judege" />

@input和@change都可

//判断长度
judeLength(){
let len = this.search.length
if(len >= 20) {
//弹出提示框
this.$message.error("最多输入20个字符")
//将输入框清空
this.resName=""
}
}

//判断特殊字符
jude(){
//校验到特殊字符替换为空
this.search=this.search.replace(/[]/g,"")
}