如何在Svelte中根据props设置动态html标签
我正在学习这个框架的基础知识，因此在svelte中创建了一个Heading组件。该组件的行为非常直观。 该组件将具有名为level的属性，根据需要呈现适当的<h>标签。 例如：<Heading level={3}> would render <h3>co...
两个元素之间的Svelte过渡“跳跃”
我喜欢Svelte，但我在一个基础问题上卡住了（虽然只是外观上的问题）。以下代码应该平滑地在两个元素之间过渡，但实际上它会“跳动”——显然是为了进入的元素提前腾出空间。 这个问题与Rich Harris几年前指出的这个问题类似，但我没有看到有解决方案被实施。Svelte教程网站上的所有示例只...
Svelte：指定多个条件类属性
我希望能够实现类似这样的功能：<div class="overflow-scroll h-screen antialiased ..." class:whiteTheme="bg-gray-100 text-gray-800 ..." class:darkTheme=...
如何从另一个存储获取值？
如何从另一个存储中获取存储值？ https://svelte.dev/repl/0ab80c2fb8e045958d844bd4b11c04a9?version=3.22.1 在这个例子中，我在stores.js文件中包含了一个变量inputVal并进行更改，例如：set: (val) =&...
当一组变量中的任何一个发生变化时，Svelte执行函数
在 Svelte RealWord App 中有类似以下的代码： $: query && getData(); 当页面大小或其他查询参数更改时，调用REST API。 我在列出实体时有类似的情况，所以执行以下操作： $: activePage && ...
如何在Svelte组件中接收任意属性并传递给子组件？
我希望从“上面”接收自定义属性，并将它们传递到一个 <input> 上，如下所示，其中 inputProps 将成为一个包含在此组件上设置的任何其他属性的对象（类似于 Python 的 **kwargs，如果您熟悉的话）： 我想要从“上面”接收任意的 props 并将它们传递给一...
如何在Sapper中离开父布局？
目前，我正在处理一个项目，该项目在除了两个页面以外的所有页面中共享 Menu 组件。我将菜单组件添加到根 _layout.svelte 文件中。现在，由于不需要 Menu 组件的两个页面是嵌套路由，所以 Menu 会在这些页面中出现，因为它们是子路由。虽然他们被设计成这样。但是我认为应该有一种...
在Svelte中重新启动或重新初始化组件
有没有一种简单的方法在原地强制重启 Svelte 组件？ 重启使用情况： 清除 HTML 文件输入的文件列表（无法重置路径/值） 使用 CSS 悬停时，导航栏下拉菜单在选择项目后折叠 也许除了重新启动之外还有其他解决方案，但是让我们在这里使用组件重新启动。 以下是用于上传用例的有效...
如何区分Svelte开发模式和构建模式？
使用npm run dev启用开发模式，使用npm build启用发布模式。例如，在代码中如何知道当前是在开发模式下构建还是其他模式下构建:<script> import {onMount} from 'svelte'; onMount(function(){ ...
理解 Svelte 中的上下文（从 React 上下文进行转换）
我有一个使用ContextAPI来管理身份验证的React应用程序，现在我正在尝试在Svelte中实现类似的功能。 在Authenticate.js中，我有以下代码： import React, { useContext, useState, useEffect } from "react...