最近联调出现的一个新问题,条件查询在前端很常用,基本的模板就是几个查询条件,一个查询按钮,一个重置按钮。选择查询条件,点击查询,会根据查询条件,筛选出对应的数据。重置按钮就是把所有已选的查询条件一键清空。
因为查询条件比较多,所以可以直接使用表单提交。
我们在这里选了期数传过去,后端根据传过去的条件,返回了相应的内容。
在这里有一个要说的就是,在这个项目里,后端要求每个条件都是必传的,没选的就传空的,所以查询方法是单独写了每个表单的内容的。(不写的话就不会传了,也要在data里定义默认每个数据为空字符串)
form: {
dateRange: ['', ''],
startTime: '',
endTime: '',
qishu: '',
content: ''
},
doSearch () {
this.axios.post(this.changeAllurl, {
startTime: this.dateRange[0],
endTime: this.dateRange[1],