问题标签 [svelte]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3822 浏览

url - 如何在预加载功能之外访问 sapper 中的 url 参数?

在 Sapper 中,来自文档的 AFAIK。访问 URL 参数的唯一方法是通过preload()函数,从对象内部可以使用参数params

问题是我想在preload()函数之外访问这些参数。从文档的鹰眼来看。我看不到/看不到我的问题/要求的解决方案。

我尝试在里面设置 url 参数的属性data()。但它似乎preload()无法获得data是否明智或设置明智。它不适用于那些事情。

0 投票
2 回答
437 浏览

svelte - 从 Svelte 中的 onstate() 更新数据

我刚开始使用 Svelte/Sapper,我没有得到这个愚蠢的东西。也许是因为我习惯了 Vue 并且我不了解 Svelte 的范式。

我基本上是在制作滑块或旋转木马。为此,我需要知道要显示的当前部分是什么(这将有助于确定入口动画)并记录前一部分(只要它需要过渡出来)。

我想我可以拥有一个

切换部分,这工作正常。但是我想在 onstate() 中进行检测,以便在更改部分时,prop prevSection 也会更新。

这是我到目前为止的(相关)代码:

我想要一个初始状态,其中 section=products 和 prevSection 为空,然后每次单击按钮时,prevSection 都会获取部分的值,然后部分更新为按钮指定的新值。

非常感谢你的帮助 !

0 投票
0 回答
175 浏览

javascript - 如何处理 Sapper & Svelte 中动态 html 字符串中的组件?

我正在尝试创建我的第一个 Sapper 站点,并且我正在填充内容,类似于它在此处的模板中的完成方式。

我的问题是我想允许在{@html post.html}. 目前它不起作用,HTML只是插入那里而不被视为组件,即使我将组件导入其中[slug].html并且如果直接在除此之外的其他地方使用它也可以工作{@html post.html}

这种行为是预期的,因为在 svelte 完成工作后会获取内容,但我不确定我应该怎么做。我希望有几个自定义组件<FancyButton>可以在用户生成的内容中使用。

我可以要求[slug].html组件在插入后查看post.html或仅查看整个内容并在应该在的任何位置创建子组件的实例吗?或者我应该以某种方式事先在服务器上编译字符串?

0 投票
5 回答
3610 浏览

javascript - 这是什么:变量JS语法后的符号?

svelte在查看库时,我在 JS 中遇到了以下有效语法:

起初,我认为它是特定于库的,但它适用于 Chrome 控制台。这是什么语法?

它可以是任何东西:

0 投票
2 回答
13966 浏览

svelte - Svelte 热重载问题

最近开始使用 sveltejs 模板玩 Svelte。一切正常,但是当我对文件进行任何更改时,它不会将更改热重新加载到 Web 浏览器,因此我必须手动刷新页面才能看到更改。设置中是否有任何选项可以启用该功能,或者此时不可能?

0 投票
1 回答
1236 浏览

javascript - 如何判断 Svelte 组件是否完全是静态内容?

我正在开发一个静态站点生成器,我希望能够同时支持响应式 JavaScript 交互和标准的 load-a-fresh-page-into-the-browser 超链接。我突然想到,像 Svelte 这样的东西可能很适合这个。我可以使用服务器端渲染支持为我的所有页面生成 HTML,然后我可以编译和发布 JavaScript 组件hydratable: true以支持动态功能。

我用这种方法想到的一个问题是,我的项目的大部分组件都是完全静态的内容:只有 HTML 和超链接,没有任何状态或事件处理程序,而且我不会更改道具,除非我生成一个新的 HTML 文件不同的页面。如果我在页面加载时天真地生成 JavaScript 来补充所有这些组件,我最终可能会得到一个比我实际需要的更大的包(并且在运行时完成更多的工作)。

Svelte 是否提供任何方法来优化这种情况?我可以以某种方式检查一个组件是否是其 props 的纯函数,以便在不需要时避免给它补水?还是编译器足够聪明,可以为我做到这一点?

0 投票
1 回答
827 浏览

svelte - 绑定值传递给 on:click 回调(锚标记)

我正在构建一个侧边栏组件,该组件在单击侧边栏项目之一时更新活动链接。因此,我需要向下传递当前的侧边栏项目对象以启用其活动状态。

问题:如何在 on:click 事件后将值传递给回调?这是我在常规 javascript 上的操作方式:

我检查了 API 并尝试使用bind:xxxx指令但没有成功。

我希望代码能够在单击后更新当前活动的侧边栏项目。

0 投票
1 回答
302 浏览

svelte - 使用保留字作为道具名称

我想将其class用作组件的道具名称,但出现以下错误:

意外的关键字“类”。

是否可以在 Svelte 中使用保留字作为道具名称?

0 投票
1 回答
960 浏览

svelte - Svelte 不会从输入更新派生值

当我加载页面时,$greeting显示正确的值。

出于某种原因,当我更改input.

App.svelte

商店.js

0 投票
1 回答
1417 浏览

svelte - 版本 3 中的 Svelte 组件异步加载

我想问你一个关于将简单示例从版本 2 更新到版本 3 的问题。

这个 svelte v2 异步组件加载示例有效(https://codesandbox.io/s/0ooo3z8nqp),但为 v3 编写的这个示例无效(https://codesandbox.io/s/615zv3xp33)。

有什么线索吗?谢谢!

更新: 我的问题是将以下代码从 Svelte V2 转换为 V3。