小编Lay*_*kie的帖子

将某些内容推送到数组后,如何以 svelte 重新渲染 {#each array} 块

您好,我正在为我的网站创建一个评论部分,该部分可以工作,但是当我将对象推送到数组时,我的{#each}块不会更新,这里是这段代码

            {#each commentsScript as { userName, rating, comment }, i}
                <div class="flex">
                    <div class="w-1/4">
                        <h5>{userName}</h5>
                        <h5>{rating}</h5>
                    </div>
                    <div class="w-3/4">
                        <p>{comment}</p>
                    </div>
                </div>
            {/each}
Run Code Online (Sandbox Code Playgroud)

在我的脚本部分,我将新评论推送到数组中,它在刷新页面后确实显示出来,但我想在用户留下评论后立即重新呈现它,以便用户会看到他/她自己的评论,所以在那里有什么办法可以重新渲染它吗?

javascript svelte

3
推荐指数
1
解决办法
2211
查看次数

无法通过html访问css文件

我正在尝试从 app.html 访问 main.css 以使 Tailwind CSS 工作,因为如果我将它放在 .svelte 文件自身的样式括号中,那么它只会给我一个错误,任何人都知道为什么

<link rel="stylesheet" href="./routes/main.css"> 
Run Code Online (Sandbox Code Playgroud)

不起作用?

我尝试在其中访问 CSS 的 HTML

<head>
  <meta charset="utf-8" />
  <link rel="icon" href="/favicon.png" />
  <link rel="stylesheet" href="./routes/main.css">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  %svelte.head%
</head>
Run Code Online (Sandbox Code Playgroud)

CSS 文件(如果需要对其执行任何操作)

<link rel="stylesheet" href="./routes/main.css"> 
Run Code Online (Sandbox Code Playgroud)

文件夹结构

html css svelte tailwind-css

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

标签 统计

svelte ×2

css ×1

html ×1

javascript ×1

tailwind-css ×1