【问题标题】:v-show alternative for SvelteSvelte 的 v-show 替代品
【发布时间】:2020-02-21 02:18:57
【问题描述】:

情况是我在获取请求时显示Loading 组件。我使用 store 将$loading 设置为true,内部条件是Loading 组件。问题是 Loading 组件似乎需要一些时间才能显示出来。感觉/看起来原因是重新渲染加载组件。所以,我在 Svelte 中寻找 v-show 之类的东西,而我在 Docs 中找不到。 (如果有,请不要生气,告诉我。)

有人可以帮忙处理这个案子吗?

【问题讨论】:

  • 可能是class:show?
  • 尝试只使用没有外部资源(没有图像、视频、彩票等)的 CSS 创建一个加载组件,这样组件就会立即显示。请参阅loading.io/css 获取灵感。

标签: conditional-statements svelte svelte-3


【解决方案1】:

要么将其包装在 {#if someCondition} 块中,要么在元素上添加 hidden={!someCondition} 属性。

【讨论】:

  • 不会将其包裹在 { #if } 中导致元素重新渲染?
  • 如果条件的值发生变化,是的。这就是重点!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-11-08
  • 2012-01-25
  • 2015-08-05
  • 2011-01-01
相关资源
最近更新 更多