vue将对象push后table不显示

vue将对象push后table不显示,第1张

报错信息:

No matching records found

在table中已经设置了没有数据展示的文字,展示的却是这个

自己手动给desserts push进去值,页面上也不展示

原因:

给表格设置了

:server-items-length="totalDesserts"

但是在代码中totalDesserts被设置为0,所以push进去的值无法展示,一直提示No matching records found

问题:数据查询接口传page和rows参数,当分页的页数大于再次查询到的数据页数时,会导致查询得到数据,但无法显示在页面当中

解决:在数据查询之后添加判断

           如果total(即后台返回数据总条数)不为零,但tableData(列表数据绑定的参数).length为零,则再执行一次数据查询。

原理:出现问题时,当前接口传的page为超出查询总页数的值,但当接口返回数据并绑定到tableData时会将当前的page绑定为查询数据的最大页数,此时再调用查询函数会查询到最后一页数据,并再次绑定到tableData上,并显示。

找了大半天的bug,看了好几遍业务逻辑,搞得头都要炸了。

最后有了令人发指的发现。

如果tooltip中内嵌有其他内容块添加了 v-if 的条件判断,也需给 tooltip 添加相同的 v-if 条件,否则会导致我现在出现的bug:tooltip 未生效。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11907985.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存