鍍金池/ 問(wèn)答/HTML/ vue的ssr框架nuxt使用element-ui中分頁(yè)組件total賦值出錯(cuò)

vue的ssr框架nuxt使用element-ui中分頁(yè)組件total賦值出錯(cuò)

nuxt使用element-ui中分頁(yè)組件total賦值出錯(cuò)

代碼如下
js部分：
因?yàn)閠otal賦值出錯(cuò)調(diào)試，把pagetotal單獨(dú)拿出來(lái)操作
... ...
asyncData ({ params, error }) {

return axios.get(`/Home/Index/account.html`)
.then((res) => {
  console.log(res.data.data.pages.pagetotal)
  return { tablelist: res.data.data.list, pages: res.data.data.pages, pagetotal: res.data.data.pages.pagetotal }
})
.catch((e) => {
  error({ statusCode: 404, message: '獲取用戶失敗' })
})

},
... ...
template部分：
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pages.currentPage"
:page-size="10"
:total="pagetotal"
layout="total, prev, pager, next, jumper">
</el-pagination>
之后還嘗試了用
<el-pagination
...
:total.sync="pagetotal"
layout="total, prev, pager, next, jumper">
</el-pagination>
還是出錯(cuò)。

出錯(cuò)提示
vue.runtime.esm.js:430 [Vue warn]: Invalid prop: type check failed for prop "total". Expected Number, got String.

found in

---> <ElPagination>

   <...\account\index.vue> at ...\pages\account\index.vue

錯(cuò)誤截圖圖片描述

回答
編輯回答
負(fù)我心

數(shù)據(jù)模型 total字段應(yīng)該為Number類型，如果寫(xiě)成total:"",就會(huì)報(bào)錯(cuò)。
data() {

    return {
        infoList: [],
        pagesize:5,
        cur_page:1,
        total:0
    }
},
2018年2月14日 13:57
編輯回答
夏夕

查出問(wèn)題了，之前是做php的沒(méi)有強(qiáng)類型。這個(gè)需要強(qiáng)類型

2018年4月10日 06:44