解释一下findList() { this.$axios.post('/api/user/findCondition', { pageSize: this.pageSize, pageNum: this.pageNum, param: { highestProfession:this.highestProfession, applyTypeName: this.applyTypeName, status:this.status, highestEducation:this.highestEducation, highestDegree:this.highestDegree, sex:this.sex, highestGraduationSchool:this.highestGraduationSchool, applicationTime:this.applicationTime, } }).then(res => res.data).then(res => { console.log(res) if (res.code == 200) { this.tableData = res.data this.total = res.total this.dialogVisible1 = false // this.resetParam1() } else { } }) },
时间: 2024-02-19 22:01:07 浏览: 69
这是一个Vue组件中的方法,使用axios库向后端发送POST请求,请求的接口地址是'/api/user/findCondition'。请求参数是一个对象,包括pageSize、pageNum和param。其中param是一个对象,包括了多个筛选条件,如highestProfession、applyTypeName等。后端返回的数据在通过两个then()函数处理后赋值给了组件的tableData和total属性。如果返回的数据的code为200,则隐藏一个名为dialogVisible1的弹窗,并调用resetParam1()方法。如果返回的数据的code不为200,则不做任何处理。
相关问题
loadPost(){ this.$axios.post(this.$httpUrl+'/user/listPageC1',{ pageSize:this.pageSize, pageNum:this.pageNum, param:{ name:this.name, sex:this.sex, roleId:'2' } }).then(res=>res.data).then(res=>{ console.log(res) if(res.code==200){ this.tableData=res.data this.total=res.total }else{ alert('获取数据失败') } }) }
这段代码是一个 Vue.js 组件中的方法,用于通过 AJAX 请求获取分页数据。具体来说,它会向 `$httpUrl` 指定的后端 API 发送一个 POST 请求,并带上以下参数:
- `pageSize`:每页显示的记录数
- `pageNum`:要请求的页码
- `param`:一个包含查询条件的对象。其中包含以下字段:
- `name`:用户名
- `sex`:性别
- `roleId`:角色ID
请求成功后,会将后端返回的数据存储到 `tableData` 和 `total` 中,分别表示当前页的记录数组和总记录数。如果请求失败,会弹出一个提示框。
onSubmit() { let params = { name: this.sizeForm.name, beginDate: this.sizeForm.beginDate, endDate: this.sizeForm.endDate, pageNum: 1, pageSize: 10 }; axios.get('http://localhost:8085/LoginAndRegister/fill/selectFill', params).then(response => { console.log(response.data); this.tableData = response.data.rows; this.total = response.data.total; }).catch(error => { console.log(error); }); }, 这段代码哪里不对’
这段代码中,axios.get()方法的第二个参数应该是一个配置对象,而不是一个简单的参数对象。应该将params对象放入配置对象的params属性中,如下所示:
```
axios.get('http://localhost:8085/LoginAndRegister/fill/selectFill', {
params: {
name: this.sizeForm.name,
beginDate: this.sizeForm.beginDate,
endDate: this.sizeForm.endDate,
pageNum: 1,
pageSize: 10
}
}).then(response => {
console.log(response.data);
this.tableData = response.data.rows;
this.total = response.data.total;
}).catch(error => {
console.log(error);
});
```
另外,在使用axios进行网络请求时,需要注意跨域问题。如果接口地址和前端页面不在同一个域名下,需要在后端进行CORS配置或使用代理来解决跨域问题。
阅读全文