问题标签 [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.
url - 如何在预加载功能之外访问 sapper 中的 url 参数?
在 Sapper 中,来自文档的 AFAIK。访问 URL 参数的唯一方法是通过preload()
函数,从对象内部可以使用参数params
。
问题是我想在preload()
函数之外访问这些参数。从文档的鹰眼来看。我看不到/看不到我的问题/要求的解决方案。
我尝试在里面设置 url 参数的属性data()
。但它似乎preload()
无法获得data
是否明智或设置明智。它不适用于那些事情。
svelte - 从 Svelte 中的 onstate() 更新数据
我刚开始使用 Svelte/Sapper,我没有得到这个愚蠢的东西。也许是因为我习惯了 Vue 并且我不了解 Svelte 的范式。
我基本上是在制作滑块或旋转木马。为此,我需要知道要显示的当前部分是什么(这将有助于确定入口动画)并记录前一部分(只要它需要过渡出来)。
我想我可以拥有一个
切换部分,这工作正常。但是我想在 onstate() 中进行检测,以便在更改部分时,prop prevSection 也会更新。
这是我到目前为止的(相关)代码:
我想要一个初始状态,其中 section=products 和 prevSection 为空,然后每次单击按钮时,prevSection 都会获取部分的值,然后部分更新为按钮指定的新值。
非常感谢你的帮助 !
javascript - 如何处理 Sapper & Svelte 中动态 html 字符串中的组件?
我正在尝试创建我的第一个 Sapper 站点,并且我正在填充内容,类似于它在此处的模板中的完成方式。
我的问题是我想允许在{@html post.html}
. 目前它不起作用,HTML只是插入那里而不被视为组件,即使我将组件导入其中[slug].html
并且如果直接在除此之外的其他地方使用它也可以工作{@html post.html}
。
这种行为是预期的,因为在 svelte 完成工作后会获取内容,但我不确定我应该怎么做。我希望有几个自定义组件<FancyButton>
可以在用户生成的内容中使用。
我可以要求[slug].html
组件在插入后查看post.html
或仅查看整个内容并在应该在的任何位置创建子组件的实例吗?或者我应该以某种方式事先在服务器上编译字符串?
javascript - 这是什么:变量JS语法后的符号?
svelte
在查看库时,我在 JS 中遇到了以下有效语法:
起初,我认为它是特定于库的,但它适用于 Chrome 控制台。这是什么语法?
它可以是任何东西:
svelte - Svelte 热重载问题
最近开始使用 sveltejs 模板玩 Svelte。一切正常,但是当我对文件进行任何更改时,它不会将更改热重新加载到 Web 浏览器,因此我必须手动刷新页面才能看到更改。设置中是否有任何选项可以启用该功能,或者此时不可能?
javascript - 如何判断 Svelte 组件是否完全是静态内容?
我正在开发一个静态站点生成器,我希望能够同时支持响应式 JavaScript 交互和标准的 load-a-fresh-page-into-the-browser 超链接。我突然想到,像 Svelte 这样的东西可能很适合这个。我可以使用服务器端渲染支持为我的所有页面生成 HTML,然后我可以编译和发布 JavaScript 组件hydratable: true
以支持动态功能。
我用这种方法想到的一个问题是,我的项目的大部分组件都是完全静态的内容:只有 HTML 和超链接,没有任何状态或事件处理程序,而且我不会更改道具,除非我生成一个新的 HTML 文件不同的页面。如果我在页面加载时天真地生成 JavaScript 来补充所有这些组件,我最终可能会得到一个比我实际需要的更大的包(并且在运行时完成更多的工作)。
Svelte 是否提供任何方法来优化这种情况?我可以以某种方式检查一个组件是否是其 props 的纯函数,以便在不需要时避免给它补水?还是编译器足够聪明,可以为我做到这一点?
svelte - 绑定值传递给 on:click 回调(锚标记)
我正在构建一个侧边栏组件,该组件在单击侧边栏项目之一时更新活动链接。因此,我需要向下传递当前的侧边栏项目对象以启用其活动状态。
问题:如何在 on:click 事件后将值传递给回调?这是我在常规 javascript 上的操作方式:
我检查了 API 并尝试使用bind:xxxx
指令但没有成功。
我希望代码能够在单击后更新当前活动的侧边栏项目。
svelte - 使用保留字作为道具名称
我想将其class
用作组件的道具名称,但出现以下错误:
意外的关键字“类”。
是否可以在 Svelte 中使用保留字作为道具名称?
svelte - Svelte 不会从输入更新派生值
当我加载页面时,$greeting
显示正确的值。
出于某种原因,当我更改input
.
App.svelte
商店.js
svelte - 版本 3 中的 Svelte 组件异步加载
我想问你一个关于将简单示例从版本 2 更新到版本 3 的问题。
这个 svelte v2 异步组件加载示例有效(https://codesandbox.io/s/0ooo3z8nqp),但为 v3 编写的这个示例无效(https://codesandbox.io/s/615zv3xp33)。
有什么线索吗?谢谢!
更新: 我的问题是将以下代码从 Svelte V2 转换为 V3。