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

Question

先附上我的调接口的代码

<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
但是浏览器上却报错。。。
请教这是什么问题？？求解

Answer 1

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