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