今天敲代码遇到了个很操蛋的问题,我把分页器封装成共用组件,一个组件显示分页器,另一个组件不显示分页器,我心想这么邪门的吗,这个是正常组件
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-1.png)
这个组件不显示
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-2.png)
然后我尝试把传给分页器的参数打印出来,
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-3.png)
果然发现了操蛋的地方,这是正常显示的数据
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-4.png)
这是不显示的数据
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-5.png)
total 和pageSize 的结果是null,所以导致分页器不显示,经排查发现是后端返回的接口这两条数据为null导致的,微调之后恢复正常文章来源:https://www.toymoban.com/news/detail-531060.html
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-6.png)
![el-pagination不显示,vue,elementui,前端,vue.js,Powered by 金山文档](https://imgs.yssmx.com/Uploads/2023/07/531060-7.png)
总之,就是分页器所依赖的数据不能为null,为null就会导致一整个分页器不显示文章来源地址https://www.toymoban.com/news/detail-531060.html
到了这里,关于elementui 分页器,el-pagination 不显示的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!