小编Ale*_*íaz的帖子

如何编写一个“延迟”的简洁组件?

我正在尝试编写一个 Svelte 组件,在指定的时间内隐藏其插槽。

例如,下一行应在 3 秒内隐藏该段落

<Delayed mili_time={3000}> <p>some text</p> <Delayed>
Run Code Online (Sandbox Code Playgroud)

我的尝试不起作用,没有显示任何内容(尽管没有引发错误,但仍显示日志)我很乐意收到一些帮助、提示或指导。

尝试:

<script>

import { onMount} from "svelte";

  export let mili_time = 500;
  let shown = false;


  onMount(
    setTimeout(() => {
      console.log("delayed!");
      shown = true;
    }, mili_time)
  );
</script>

{#if shown}
<slot />
{/if}


<style></style>
Run Code Online (Sandbox Code Playgroud)

预先感谢任何阅读或回答问题的人^^

javascript web-component svelte

2
推荐指数
1
解决办法
4887
查看次数

标签 统计

javascript ×1

svelte ×1

web-component ×1