<el-form-item>

<el-button type="primary" @click="toSearch">查询</el-button>

<el-button type="primary" @click="toBack">返回</el-button>

</el-form-item>

方法1:

const formInline = reactive({

name: '',

date: ''

})

清空时定义一个返回的按钮

const toBack = () => {

//清空搜索表单 1. 手动清空表单对象数据 初始化

//清空表单数据：如果定义的是reactive响应式的变量 需要打点出属性 单独清空 不能使用 resetFields();

formInline.name='';

formInline.date='';

}

方法2:

用ref来定义使用 resetFields 重置该表单项，将其值重置为初始值，并移除校验结果

const formInline = ref({ name: '', date: '' })

const toBack = () => {

// 2. resetFields 重置该表单项，将其值重置为初始值，并移除校验结果

//清空表单数据：如果定义的是ref响应式的变量 使用 resetFields();

myForm.value.resetFields();

//如果是搜索完之后必须再次调用查询的接口方法

}