场景:当我点击表单的重置事件时,将填写的信息及校验规则都清空
这是官方给出的各种事件规则
Element - The world's most popular Vue UI framework

下图是没有通过校验规则

那么我想直接通过点击重置按钮将校验规则以及填写的内容全部清空
一、首先给表单设置ref属性
二、再给重置按钮添加点击事件,并触发对应的方法(resetFields)
resetFn () { // 重置表单 this.$refs.pwdFormRef.resetFields() }这样就完成了表单重置功能
本文介绍如何在Vue中利用$refs和resetFields方法实现表单及其验证规则的完全清除。通过设置表单的ref属性并绑定重置按钮的点击事件,可以轻松达到目的。

496

被折叠的 条评论
为什么被折叠?



