elementui分頁報錯Invalid prop:type check failed for prop total.Expected Number with value

使用element-ui的分頁時，頁面報錯

報錯：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function

 

 剛開始在分頁里綁定了分頁的總數據

<el-pagination class="pagination"
  :page-size="limit"
  background
  layout="prev, pager, next"
  :total="total"//這里！！
  :current-page="currentPage"
  @current-change="handleCurrentChange" >
</el-pagination>

 

 

但是在初始化賦值的時候寫了total:’ ‘，解決方法是把’ '改成null就ok了

data() {
      return {
        list:[],
        searchData:'',
        currentPage:1,
        limit:5,
        total:null//這兒
      }
    },

 

問題總結：vue的基礎報錯有很多都是value的賦值問題造成的。可能是類型不一致，也有可能沒有賦值或賦值錯誤，所以在開發的時候一定要注意這些細節。