我用Svelte写了一页。我提供了两种语言的翻译,效果很好。现在,我想改变每一页的标题,更重要的是,我希望它被翻译成页面的当前语言。我试过双向绑定,但我认为我做错了什么。最起码的例子:
//../components/meta-title.svelte
<svelte:head>
<title>{title}</title>
</svelte:head>
<script>
export let title = "default title for page"
</script>
//../pages
我的Svelte组件导入如下可读的存储:
import { classes, locations, schedule } from 'stores.ts'
在stores.ts中,我希望构建一个URL,以便使用page.host从$app/store动态获取。
// Note: this is not a Svelte component; it's stores.ts
import { readable } from 'svelte/store'
import { getStores } from '$app/stores'
const
当我在页面上添加svelte组件时,我创建了新的类样本。
import ComponentA from "./Component.svelte";
let component = new ComponentA({...});
<ComponentA/>
以及每次组件销毁并重新创建的时候。
但是我需要保存组件的状态。
(示例:块的显示、块的位置、文本等)
当我创建新的样本时,我可以把它放在全局变量中。我能从全局输出它吗?那是真的吗?
每当"view.current“更改时,我都想重新复制"Body”(我的svelte组件),以便它呈现相应的.svelte视图/组件:
App.svelte
<script>
import Header from "./components/Header.svelte";
import Footer from "./components/Footer.svelte";
import Body from "./components/Body.svelte";
import Log
我试图使用jest-transform-svelte库为我的svelte组件编写单元测试用例。以下是构成部分:
XYZ.svelte
<script>
function submit() {
var name = document.getElementById("name").value; // Here document.getElementById("name") is coming as null when run from unit test case.
dispatch("abc", {
te
我有一个精巧的应用程序(请参阅)
我希望能够从选择框中选择一辆汽车。颜色字段应该更新为汽车的默认颜色。然后,用户可以在颜色输入中重写它,并更新显示。
这适用于第一辆车的选择,但之后的颜色总是为前一辆车。
我做错了什么?
App.svelte
<script>
import DisplayMessage from './display.svelte'
import Car from './cars.svelte'
let car = 'default car'
let colour = 'defa
我在Svelte中遇到了一些严重的反应性问题。我已经隔离了我认为至少是我的一个主要问题。绑定:将变量绑定到复选框时,在函数内部设置变量时,反应性似乎会中断,而在函数外部设置变量时则不会。这是故意的行为吗?在这种情况下为什么?计划的工作流程是什么?
示例代码,Svelte组件:
<script>
let foo = true;
// This assignment works both on the plain text view (Foo: true/false)
// and on the checkbox
// setInterval(() =
所以我一直在做这个svelte项目,这是一个便笺应用程序。所以我的目标是,每当我按下submit按钮,就会将便条添加到数组中,然后将数组打印为svelte中的每个块。但是,我的数组会被更新,而不是我的UI。每次按submit按钮时,我都会让控制台记录数组。我必须添加任何组件。你可以看看我的代码:
let value = ""
let values = []
function logic(){
values.push(value)
}
</script>
<input type="text&
我有一个反应性的计算变量,它依赖于svelte存储,并在页面刷新时通过发出API调用来初始化。我想将这个值绑定到一个输入。有了这段代码,我的输入就不起作用了(里面什么都不能输入)
请看,这是代码:这是App.svelte
<script>
import {loggedInUserProfile} from './store.js'
import { onMount } from 'svelte'
import {update} from './util.js'
let logged
我有一个store.js文件,它的内容是:
import { writable } from 'svelte/store';
export const generateds = writable(0);
console.log("generateds", $generateds)
每次我尝试访问$generateds (在此文件内部或外部)时,我都会收到以下错误:
Uncaught ReferenceError: $generateds is not defined
at stores.js:4
at main.js:6
当我在一个新项目中使
我正在与Svelte一起工作,我想问一下如何获得div的偏移宽度的值? 这是我的代码 <script>
export let students // string array
let divWidth;
console.log(divWidth) // this returns undefined, even though I bound it below
</script>
<style>
.container {
width: 250px;
}
</style>
<div class="cont
我试图从我的存储绑定一个变量到一个组件,但是得到了错误: [!] (plugin svelte) ValidationError: Cannot bind to a variable which is not writable 下面是我的示例代码: <Textfield bind:value={startDate} label="Start Date" type="datetime-local" />
如何在react应用中使用svelte文件
我尝试在ReactJS应用程序中导入SvelteComponent。
import SvelteComponent from 'react-svelte-component';
import First from './First.svelte';
<SvelteComponent this={First} value={this.state.value}/>
Svelte组件应反映在web上