只需要在el-form中,添加一个ref属性,该属性就是存放该组件的实例对象的
<template>
<div>
<el-form ref="loginFormRef">
<el-form-item >
<el-button type="info" @click="resetLoginForm">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data(){}
}
methods:{
// 点击重置按钮,重置登录表单
resetLoginForm(){
console.log(this)
this.$refs.loginFormRef.resetFields()
}
</script>
<style lang="less" scoped>
</style>
打印的this对象结果如下图
因此,在对表单里面的数据进行重置时,只需要采用refs.loginFormRef.resetFields()实现对登录表单数据的重置。