我有一个函数getData(),它在我输入文本不为空时在submit上启动, Index.svelte <script>
let inputValue = '';
let responseData;
async function getData(){
let url = new URL('url');
url.search = new URLSearchParams({
url: inputValue
})
const respons
当我在页面上添加svelte组件时,我创建了新的类样本。
import ComponentA from "./Component.svelte";
let component = new ComponentA({...});
<ComponentA/>
以及每次组件销毁并重新创建的时候。
但是我需要保存组件的状态。
(示例:块的显示、块的位置、文本等)
当我创建新的样本时,我可以把它放在全局变量中。我能从全局输出它吗?那是真的吗?
我有一个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
当我在一个新项目中使
现在,我很困惑如何从组件启动函数来控制另一个组件中的某个组件。有人能帮我吗?
Structure:
App.svelte
L checklist.svelte
L button <-- this button want to call function in stage component
L stage.svelte
checklist.svelte:
<button on:click="handleMove" />
stage.svelte:
export function fly(x, y) {
$map.flyto(x, y);
}
我有一个
我有一个Svelte应用程序,大部分数据逻辑被提取到定义自定义存储的文件中。通常,我需要编写一个重复使用相同存储值的函数:
import { get } from 'svelte/store';
import { someStore } from './myStores';
function foo(): void {
const arr: string[] = get(someStore);
// ...lots of operations using arr
}
我目前的实践是,如果我只需要someStore的值一次,我将只使用get(some
每当"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
我正在开发一个组件库,它对组件的分组方式有一点不同。我正在将组件分组到类中,以使最终用户更容易使用该库。他们不会记住哪个名为slots是可用的,而是使用点标记来访问自定义插槽。例如,Card组件可以有Header、Body和Footer。在我的库中,我想使用如下这些组件:
<Card>
<Card.Header>I am a Header</Card.Header>
<Card.Body>I am a Body</Card.Body>
<Card.Footer>I am a Footer</Card.Fo