问题标签 [svelte-3]
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.
scroll - goto 功能与 sapper-noscroll
该goto()
功能滚动到页面顶部。即使是同一页。这与使用事物/功能<a>
解决的标签的行为相同。sapper-noscroll
无论如何对goto()
功能做同样的事情?
events - 如何在 Svelte 中安装组件之前获取数据?
与SvelteJSonMount
中没有beforeMount
生命周期事件不同。那么,我们如何在挂载之前获取页面所依赖的数据呢?onMount
fetches 产生故障。可以说我可以将依赖 DOM 包装在 if 条件中。但我认为这不是正确的解决方案。与 Sapper 非常相似,有一个preload
功能可以在挂载之前加载页面相关数据。SvelteJS中这种(Sapper 的preload
)行为的替代方法是什么?
javascript - 苗条的头衔后缀
我想- mywebsite
在每个 Svelte 页面上添加一个标题后缀。
我正在努力寻找如何轻松简单地做到这一点。
在 svelte 网站源代码上,我们可以看到他们手动执行此操作:https ://github.com/sveltejs/svelte/blob/1273f978084aaf4d7c697b2fb456314839c3c90d/site/src/routes/docs/index.svelte#L15
我开始创建这样的组件:
但:
- 我有一个
<title> can only contain text and {tags}svelte(illegal-structure)
错误 - 我不确定这是最简单的方法。
如何实现我想做的事情?
svelte - 如何在 svelte 中使用自定义存储方法?
我正在制作一个模式,其属性存储在商店中。而不是像这样打开它,从一个元素:on:click={() => $modal.isOpen = true}
我想这样打开它:
on:click={() => $modal.toggle()}
从一个元素。
这是我的代码:
当我登录modal
时,它只记录set, subscribe, update
方法。然后当我再次单击时,这些方法消失了:它正确地覆盖了它们,似乎我永远无法获得模态的初始化状态。我尝试使用this
或 参数 ( (a, b) =>
) 访问当前对象,但均未返回任何内容。
ionic-framework - 如何使用 Ionic 设置 Svelte.js?
我正在尝试使用 Svelte.js 和 Ionic v4 构建移动应用程序。
1)我得到了苗条的模板。
2) 使用 npm install @ionic/core@latest --save 安装 ionic。
3) 安装 postcss 并在 global.css 中导入 @ionic css
Rollup 正在提取 @ionic css,但它的执行方式似乎有问题。离子成分是可访问的,但我什么也看不见。css 未正确应用。
有没有人设法让 Svelte 与 Ionic v4 一起工作?或者至少,带有一些香草js的Ionic?
javascript - Sapper中的Axios请求两次?
我axios
用来在内外发送请求preload
。但我不明白由于某种原因我的后端抱怨必须提供 JWT。我将相同的后端与另一个前端(Svelte 仅与 Axios)一起使用,并且没有抱怨。但是在 Sapper 中,当我使用带有凭据的 axios 请求时(是的)。我得到 jwt 必须提供。
当我在后端记录请求 URL 时,我知道 Sapper 向后端发送了两次请求 URL,一个带有凭证,另一个没有凭证,这导致必须提供 JWT。我很确定带有凭据的请求来自 axios,但没有凭据的请求来自魔术。这种魔法发生在哪里?为什么?
javascript - 没有 context=module 脚本标签的预加载函数
因为我不喜欢单个 JS 中的两个脚本标签。我preload()
在<script>
没有context=module
. 它工作正常。我想知道随之而来的错误。
javascript - 在苗条商店中保存窗口绑定
嗨,互联网上的好人,
我为用户的滚动位置创建了一个侦听器:
<svelte:window bind:scrollY={y} />
我想将此变量保存在商店中,以使其在整个网站上都可以访问。但为此,我需要一个二传手。有没有一种好的高性能方法来做到这一点?
我试过这个,但它不起作用:
javascript - 如何在 Sapper 中离开父布局?
目前,我正在开发一个项目,该项目Menu
在除两个页面之外的所有页面上共享一个组件。_layout.svelte
我在根文件中添加了菜单组件。现在因为不需要Menu
组件的两个页面是嵌套路由。由于Menu
它们是子路线,因此它们出现在它们内部。他们被设计成这样。但我认为应该有一些方法可以选择退出/离开父布局。否则我将不得不删除_layout.svelte
根文件并将Menu
组件添加到每条路线,这对 DRY 来说太过分了。有没有办法让父母留_layout.svelte
在 Sapper?