即使加载道具设置为 false，按钮中的加载微调器也会显示
Loading spinner in button showing even when loading prop is set to false
我有一个带有布尔加载属性的 Button 组件。当加载为真时，我会显示一个加载微调器。
但是，我现在正在使用该按钮在分页查询中加载更多内容。当查询正在加载时，按钮应该显示加载指示器，确实如此，但是当加载然后停止时，加载指示器应该被移除。然而事实并非如此。
我在 svelte REPL here 中做了一个最小的工作示例。当您按下按钮时，它开始加载状态，并在 1 秒后将其删除。但是正如您所见，加载指示器仍然存在。
我做错了什么？
事实证明，transition:fade 指令在 svelte 中不能很好地处理嵌套的、有条件渲染的 SVG（删除那些过渡，一切都按预期工作）。
因此，您可以通过一个 hacky 编程触发 $destroy 来解决这个问题，或者我想您可以用简单的 CSS 转换替换淡入淡出。
无论如何，这是我提出的“解决方案”：
REPL
我有一个带有布尔加载属性的 Button 组件。当加载为真时，我会显示一个加载微调器。
但是，我现在正在使用该按钮在分页查询中加载更多内容。当查询正在加载时，按钮应该显示加载指示器，确实如此，但是当加载然后停止时，加载指示器应该被移除。然而事实并非如此。
我在 svelte REPL here 中做了一个最小的工作示例。当您按下按钮时，它开始加载状态，并在 1 秒后将其删除。但是正如您所见，加载指示器仍然存在。
我做错了什么？
事实证明，transition:fade 指令在 svelte 中不能很好地处理嵌套的、有条件渲染的 SVG（删除那些过渡，一切都按预期工作）。
因此，您可以通过一个 hacky 编程触发 $destroy 来解决这个问题，或者我想您可以用简单的 CSS 转换替换淡入淡出。
无论如何，这是我提出的“解决方案”： REPL