1.所使用的方法
| resetFields | 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 |
2.使用过程
1.为表单添加ref引用,其中loginFormRef为组件的实例对象
<el-formref="loginFormRef">
2.为重置按钮添加事件
<el-button type="info" @click="resetLoginForm">重置</el-button>3.将事件加入methods中,并编辑点击事件
export default {
data(){
},
methods:{
//点击重置按钮,重置form登录表单
resetLoginForm(){
// console.log(this)
this.$refs.loginFormRef.resetFields();
}
}
this为VueComponent对象,即代表整个vue组件,包含所有的属性和方法。
通过this.$refs.loginFormRef即可调用第一步设置的组件实例。
通过组件实例调用resetFields()方法从而实现表单重置
版权声明:本文为m0_51459514原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。