💂 个人网站:
【紫陌】【笔记分享网】
💅 想寻找共同学习交流、共同成长的伙伴,
请点击【前端学习交流群】
今天在做项目的时候突然发现控制台有一个警告但是不影响使用,之前还没有的,今天竟然出现。我就怀着好奇看看到底是什么问题。我用的是ElementPlus。
1.出现的问题
![ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档 ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档](https://www.yuucn.com/wp-content/uploads/2023/04/1682116822-b6534a9ed4616f9.png)
控制台说我分页器组件语法有问题,然后我就去看我的代码,反复看也没有问题,和文档都是一样的语法。
![ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档 ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档](https://www.yuucn.com/wp-content/uploads/2023/04/1682116828-b6534a9ed4616f9.png)
后面我一个一个删除运行,当我删除total就没有了警告。total是是后台接口的数据的。
我看看是不是数字类型。然后用typeof检查竟然不是Number类型。
2.解决问题
导致警告的原因是我调用后台接口,获取返回数据的时候,给前端的total赋值的数据的类型不对,才会出现警告。
在获取total数据的时候转换Number就可以了。
![ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档 ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档](https://www.yuucn.com/wp-content/uploads/2023/04/1682116835-b6534a9ed4616f9.png)
更改为:
![ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档 ElementPlusError:[ElPagination] 你使用了一些已被废弃的用法,请参考 el-pagination 的官方文档](https://www.yuucn.com/wp-content/uploads/2023/04/1682116841-b6534a9ed4616f9.png)
然后页面就正常显示了。
今天又是踩坑的一天。。。
要是能帮到大家帮忙点点赞!!!