getContext和setContext函数只能在组件初始化期间调用。是否有方法在运行时更新上下文值,例如单击事件。假设我们将主题或本地化存储在上下文值中,并希望创建一个按钮来更改该按钮。有可能吗?我尝试过使用变量设置上下文并更新该变量,但是它没有工作。如下所示:
//App.svelte
<script>
import {setContext} from 'svelte';
import Name from './components/Name.svelte';
let name = 'John';
对于我的简单网站,我想在一个地方“收集”所有可配置的文本数据。
如何在存储中使用带有i18n的自定义数组?
这是错误:
'apps' is not exported by src\config\contents.svelte, imported by src\routes\index.svelte
contents.svelte
<script>
import { readable } from 'svelte/store';
import { _ } from "svelte-i18n";
let myapps = [
我正在用Svelte制作一个简单的音频播放器。每次单击下一个按钮和之前的按钮时,都会更新selectedMusic变量。但音频不会更新。怎么解决这个问题?
<script>
import { onMount } from "svelte";
export let src = [];
let player;
let active = 0;
$: selectedMusic = src[active];
let play = false;
onMount(() => {
player.volume = 0.5;
});
不确定它是否是的复制,但由于这个问题没有得到回答,而且我的问题略有不同,我可能会尝试。
Svelte拥有,可以等待承诺,并使结果可用于块。假设我从某个地方获取一个具有T类型的对象,然后在块内使用T的字段foo,因为没有办法用T类型对该对象进行注释,npm check总是抱怨Error: Property 'foo' does not exist on type 'unknown'. (ts),尽管代码工作得很好。
如果我编写类似于{#await my_fetch() then my_object: T}的东西,错误就变成了Error: Expected } (s
我正试图在我的svelte应用程序中的Google登录按钮的中心,但这是行不通的。使用Svelte组件也会发生同样的事情。如果我使用一个标准按钮,这将是在应用程序的中心。有人知道我怎么解决这个问题吗?我的代码是基于svelte模板的,这里是具体的部分:
<main>
<div class="g-signin2" data-longtitle="true" data-onsuccess="onSignIn"></div>
<button>Gte an random number<
我正在将我的代码库迁移到svelte。我的业务逻辑包含了许多相互依赖的类。我创建了一个REPL来可视化我的问题:。
在本例中,只有在用户界面中将人员的money属性直接更改为html内联函数(左按钮)时,才会正确更新它。当调用类方法(右按钮)时,类的状态将被更新,UI则不会更新。
我知道这种行为是有意的,应该使用可写性来实现svelte组件之外的反应性。是否有可能通过使用REPL中的类来实现反应性?为了修复我的REPL,我需要用可写的属性替换它们吗?如果是这样的话,是怎么做的?
<div id="app">
{#each teams as team}
所以我一直在做这个svelte项目,这是一个便笺应用程序。所以我的目标是,每当我按下submit按钮,就会将便条添加到数组中,然后将数组打印为svelte中的每个块。但是,我的数组会被更新,而不是我的UI。每次按submit按钮时,我都会让控制台记录数组。我必须添加任何组件。你可以看看我的代码:
let value = ""
let values = []
function logic(){
values.push(value)
}
</script>
<input type="text&
我想在我的组件中使用javascript模块中的一些函数。在制作组件时,我应该在道具中传递它,还是应该仅仅使用组件本身中的导入来获得javascript函数?
传递Svelte组件的示例:
Proxy.js
var Proxy = {
test: function() {
.....
}
}
export default Proxy;
Dashboard.svelte
<script>
export let Proxy;
// use Proxy test function now
</script>
导入JS的示例
Proxy.