我有一个svelte存储,在其中我将一些虚拟数据保存在名为tasks的变量中。我还使用Axios在存储中使用API获取新数据。然后在tasks变量中推送新数据。可以读取组件中的正确数据,但api中的数据无法呈现。
import { writable } from "svelte/store";
import config from "../../config";
import axios from "axios";
let tasks = [
{
// this is what api fetches.
id: 500,
我正在创建一个使用中的svelte组件:action函数,我需要在组件中添加动态内容。svelte允许在创建svelte组件期间或之后替换插槽吗?
示例代码
export default function (node: HTMLElement) {
let component = new Component({
props: {},
target: node,
// maybe this
slot: anotherComponent,
});
// or this
component.slot = anotherComponen
我在组件上有一个变量,从组件导出一个函数来改变该变量的值;该函数被导入到另一个组件中,以便在触发变量时更改该变量。打开的类应该添加到组件中的h1元素中。
Component.svelte
<script context="module">
let active = false;
export function ToggleColor() {
active = !active;
console.log(active)
}
</script>
<h1 id="color"
我的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
我的程序是这样的
<script>
import { islogin, mode } from './stores.js';
import Login from './Login.svelte';
import Logout from './Logout.svelte';
import Menu from './Menu.svelte';
import Deposit from './Deposit.svelte';
import Withdraw fro
每当"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
我在这里有点困惑,不幸的是,我无法在不和谐的svelte频道上找到任何解决方案,所以我开始.
我有两个类的基本示例,让它们是App和Comp。App创建一个Comp实例,然后在单击按钮后更新该实例的value。
Comp实例应该将这个值设置为一个不同的变量(inputValue),并且在更改该变量时,它应该触发validate(inputValue),这是反应性的。下面是一个REPL:
App.svelte:
<script>
import Comp from './Comp.svelte';
let value = 'now: &
我正在尝试使用localStorage从对象对象创建SvelteKit项。
下面可以看到包含更多详细信息的代码:
// FILE: settings.js
// Imported by my main file +page.svelte and the Settings.svelte component. The selected property of each object is bound to a select html element inside Settings.svelte.
import { browser } from '$app/env';
import