鍍金池/ 問答/HTML/ vue element ui 分頁返回的總頁數(shù)page-count類型報錯

vue element ui 分頁返回的總頁數(shù)page-count類型報錯

先附上我的調(diào)接口的代碼

<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 = '/調(diào)用接口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
但是瀏覽器上卻報錯。。。
請教這是什么問題??求解

回答
編輯回答
枕頭人

應(yīng)該是你pageCount屬性前邊沒加:,加上就好了
沒加表示接受的是字符串,加上會解析為數(shù)字

圖片描述

2018年2月13日 00:40