报错信息
在后台中console.log url中携带的参数数据
1、代码函数
methods:{ //获取用户数据,带分页功能 get_data (page = 1) { console.log(page) console.log(this.ruleForm.part) this.$axios({ url: this.$settings.base_url + `/user/usermessage/?page=`+page, method: 'get', params: { 'part': this.ruleForm.part }, headers: { 'AUTHORIZATION': sessionStorage.getItem('oatoken'), 'Content-Type': 'text/html; charset=utf-8' }, }).then(res => { console.log(router.currentRoute) this.tableUsers = res.data.results this.total = res.data.count this.page_size = res.data.page_size }).catch(error => { console.log(error) }) }, }
2、通过按钮来调用函数
<el-button type="primary" @click="get_data">按部门查询</el-button>
3、报错原因:
get_data()函数本身带有默认参数page
解决方法:调用的时候要带上()
调用方式改成下面:
<el-button type="primary" @click="get_data()">按部门查询</el-button>