vue element ui 分页返回的总页数page-count类型报错

AaronYuan
  • 1.5k

先附上我的调接口的代码

<div class="pagination">
    <el-pagination
        background
        @current-change ="handleCurrentChange"
        layout="prev, pager, next"
        :page-count="total_page">
    </el-pagination>
</div>

//data
data() {
    return {
        tableData: [],
        cur_page: 1,
        total_page:''
    }
},


//methods
getData(){
    let uid = sessionStorage.getItem('uid');
    const url = '/调用接口url';
    var params = new URLSearchParams();
    params.append('***', '1');
    params.append('***', uid);
    params.append('page', this.cur_page);
    this.$axios({
        method: 'post',
        url:url,
        data:params
    }).then((res)=>{
        console.log(res.data);
        console.log(typeof res.data.retData.total_page);
        const total_page = parseInt(res.data.retData.total_page);
        console.log(typeof total_page);
        if(res.data.errCode==0){
            this.total_page = total_page;
            this .tableData = res.data.retData.list;
        }else if(res.data.errCode==1){
            this.$alert(res.data.retData.msg);
        }else if(res.data.errCode==2){
            this.$router.push('/login');
        }
    });
},

这一段是没有问题的

请求成功后我console

console.log(res.data);
console.log(typeof res.data.retData.total_page);
const total_page = parseInt(res.data.retData.total_page);
console.log(typeof total_page);

图片描述

图片描述

打印出来的是 string 和nunber
但是浏览器上却报错。。。
请教这是什么问题??求解

回复
阅读 8.6k
1 个回答

应该是你pageCount属性前边没加:,加上就好了
没加表示接受的是字符串,加上会解析为数字

图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏