element-ui - Vue 3 + Element Plus 中 el-table 展开所有行时如何避免卡顿并添加 Loading？
vue3+element plus项目，当使用了el-table的展开行时，想要实现全部展开功能，在全部展开时会卡顿，阻塞线程。
使用了:expand-row-keys="expandRowArr",通过将key全部插入数组expandRowArr.value = commentList.value.map(item => item.commentIndex)，来实现全部展开的效果。
最开始使用的是toggleRowExpansion方法，但是因为在数据更新时会让所有展开行恢复初始状态，从而导致折叠，因此放弃了
目前的情况是如果数据量比较多的话，全部展开就会有很明显的卡顿，我希望设置一个loading来等待展开结束，但是在进行全部展开时会阻塞，导致无法正常添加loading。想问下这块该如何实现呢？
共有1个答案
目前是通过把全部展开的方法通过toggleRowExpansion展开，将整个方法放在一个seTtimeout里，时间设置为500，这个时候能够先绘制loading，再在展开完成后绘制展开行。在这里我想问一下，更新dom不是微任务吗，按理说应该是在setTimeout之前执行的吧，为什么设置为0的时候，还是会卡住呢？还是说dom更新不是本次tick而是放到了下个tick，那这样的话在更新dom之前不就会经过两次宏任务吗
-
数据结构如下 tabledata: [ 效果图 能否实现这样的效果呢
-
问题内容： 当我从HTML或XML刮取几个相关的节点以提取文本时，所有文本都合并为一个长字符串，从而无法恢复单个文本字符串。 例如： 但是我想要的是： 抓取XML时也会发生相同的情况： 为什么会发生这种情况，我该如何避免呢？ 问题答案： 这是一个容易解决的问题，其原因是没有阅读有关在NodeSet和Node（或Element）上使用时的行为的文档。 该节点集文档表示将： 获取所有包含的Node对象
-
问题内容： 如何避免使用！进行力解开的操作，因为使用此方法通常是错误的选择。 如下所示的代码中有什么更好的选择，使用它可以使代码看起来更简单，并且可以通过if检查变量！被调用永远不会为零，因此不会崩溃。 我的教练向我们介绍了bang（！）运算符，然后告诉我们不要再使用它了。告诉我们原因，如果可选为nil，它将使我们的应用程序崩溃。 但是，我发现自己处于类似bang运算符似乎是最简洁和最安全的选择的
-
vue3+element-plus el-table选择框变成心形 网上搜索
-
vue3 开发的页面，在部署到线上环境后，在初始进入的时候，页面卡顿大概一分钟左右反应过来，本地正常无卡顿。通过浏览器性能工具看到这个长任务耗时1分钟，这种一般是什么原因导致的呢，应该从啥地方去排查？
-
为什么要弄个el-button，还有弄个ElButton，用一个不行吗？还要分成2个？