vue3的element-plus 表格 解决数据更新--视图未更新的bug
最近在写vue3的表格，旁边有一个drawer(抽屉),可以在这里面去自定义表格列的排序，大致是这样的。如果列的数量没有变化，仅仅只是排序，那显示一定不正确)并且每次点击排序更新的时候，updateKey++(PS:如果列的数量有变化，那排序之后一定正确。排序完后，点击确定，表格的列的排序却没有变化。由此想到可能是数据没有驱动视图。这样每次排序都能应用到表格上了。但是打印表格的数据确实正常的。于是
·
最近在写vue3的表格，旁边有一个drawer(抽屉),可以在这里面去自定义表格列的排序，大致是这样的
排序完后，点击确定，表格的列的排序却没有变化
(PS:如果列的数量有变化，那排序之后一定正确
如果列的数量没有变化，仅仅只是排序，那显示一定不正确)
但是打印表格的数据确实正常的
由此想到可能是数据没有驱动视图
于是我参考了这个链接
vue3——解决数据更新而视图未更新问题_vue3强制更新视图-CSDN博客
在表格上加key属性
并且每次点击排序更新的时候，updateKey++
这样每次排序都能应用到表格上了
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献9条内容
所有评论(0)