前言
以前在书写重置按钮时候都是额外书写一个点击事件,清空输入框中的数据再进行搜索
为了简洁才想起来 为什么两个事件不写在一起呢
<el-button @click="handleSearch('reset')">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
@click="handleSearch()"
>查询</el-button>
将查询数据接口单独写出一个方法 当传入数据为reset时候 请求携带参数全部为undefined,再重新调用搜索数据接口
/**
* @func 搜索/重置
* @param {String} type
*/
handleSearch(type) {
if (type === 'reset') {
this.reqData = {
agent_id: undefined,
agent_name_like: undefined,
batch_no: undefined,
start_date: undefined,
end_date: undefined,
status: undefined,
page: 1,
limit: 10
}
this.time = ''
}
this.reqData.page = 1
this.getTableList()
},
/**
* @func 获取列表数据
* @param {Object} reqData
*/
getTableList() {
queryBatchList(this.reqData).then(res => {
this.total = res.total
this.tableData = res.list
})
}