0

我有一个Button带有布尔加载道具的组件。当加载为真时,我会显示一个加载微调器。

但是,我现在使用该按钮在分页查询中加载更多内容。当查询正在加载时,按钮应该显示加载指示器,并且确实如此,但是当加载然后停止时,加载指示器应该被移除。然而事实并非如此。

我在这里的苗条 REPL 中做了一个最小的工作示例。当您按下按钮时,它会开始加载状态,并在 1 秒后将其移除。但是,正如您所见,加载指示器仍然存在。

我究竟做错了什么?

4

1 回答 1

2

事实证明,该transition:fade指令不适用于嵌套的、有条件渲染的 svelte SVG(删除这些转换,一切都按预期工作)。

所以,你可以用一个 hacky 的程序触发 $destroy 来解决这个问题,或者我猜你可以用简单的 CSS 过渡替换淡入淡出。

无论如何,这是我提出的“解决方案”: REPL

于 2021-09-19T22:06:22.640 回答