使用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的赋值问题造成的。可能是类型不一致,也有可能没有赋值或赋值错误,所以在开发的时候一定要注意这些细节。