实现这个功能并不难，直接使用元素组件就可以了。

但是在使用的过程中遇到了好几个坑，我就记录下来分享给大家，避免掉坑。我没多说，直接进入了流程.

表单验证功能：

为了实现这一功能，它分为以下4种布料：

1.在el-form标记中定义：rules=' rules参考=参考2。在el-form-item中定义prop=' name3.在选项数据中定义规则检查规则；4.检查提交方法中的用户行为

模板代码：

El-form: model='意见' ref='我的意见' : rules=' rules ' size=' small ' class=' LJ-formlJ-form-S1 ' El-form-item label='审核意见： ' prop=' txt ' style=El-input type=' textarea ' : row=' 5 ' v-model='意见. txt '/El-input/El-form-item/El-formdata定义数据代码3:

data(){ return { perspective : { radio : ' 1 '，txt: ' '，value:''}，rule : { txt :[{ required d 3360 true，message3360 '请输入审计意见'，trigger: '。}，方法方法代码：

异步批准(){ let _ this=this这个。参考文献。myoceal . validate(async valid={ if(valid){ const res2=wait _ this。$ axios . post(`/approve/approve _ deny `，{ 0.obj })；if (res2.data.error==0) { _this。$ message . success(res2 . data . message)；} _ this.innerVisible=false_ this.visibleApply=false} });}注意：定义prop时，值要求属于表单绑定的模型数据对象，名称要相同；

数据中定义的规则要在表单的数据定义好之后(我一般放在数据后面)

摘要

以上是边肖介绍的Vuelelement实现的表单验证功能，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！