您好,我正在为我的网站创建一个评论部分,该部分可以工作,但是当我将对象推送到数组时,我的{#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)
在我的脚本部分,我将新评论推送到数组中,它在刷新页面后确实显示出来,但我想在用户留下评论后立即重新呈现它,以便用户会看到他/她自己的评论,所以在那里有什么办法可以重新渲染它吗?
我正在尝试从 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)