标题听起来可能令人困惑,因为问题也是如此。 我有一个函数- query(params: FooBar)。此函数返回一个Svelte存储,我想从它作为派生存储的基础。 let result = query("all users in group 123");
let userAvatars = derived(result, ($result) => { /* ... */ }); 到目前为止,一切正常-但问题是query()调用本身实际上依赖于存储值。 let groupId = getGroupId();
let result = query("all use
是否可以创建组件并以编程方式将事件侦听器附加到组件上?
我知道,这对于使用<svelte:component/>的道具来说是很容易的,因为它可以通过{ ...props }进行传播。我想知道是否可以实现类似的东西来附加事件侦听器。
例如,在下面的示例中,我希望以编程方式将on:message附加到A,将on:count附加到B
<!-- App.svelte -->
<script>
import A from './A.svelte';
import B from './B.svelte';
let
<script>
import {onMount} from 'svelte';
import {session} from "$app/stores"
import {writable} from 'svelte/store';
const store = writable('some value');
let value = null
onMount(() => {
// this works
// return store.subscribe( (storeVa
选择下一个场景:
./__layout.svelte
<script>
const hi = "hi";
</script>
<h1>{hi}</h1>
<slot />
<slot name="safely" />
./index.svelte
<h1>
This is my awesome index page!
</h1>
./路由/到/某物/索引.something
<p>
in this page we have safely co
每当"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
我有一个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
当我在一个新项目中使
我正在重构一个React应用程序,它从服务器上的json文件中加载语言标签。使用Ajax调用从服务器中提取数据,Ajax调用更新包含所有语言标签的存储。下面是一些代码,说明了这个问题。
app.js
<script>
import { storeLang, getLangLabels } from './store'
// get labels from server
getLangLabels()
// set language labels in a reactive variable
$: LABELS = $storeLang.labels
</s
<script lang="ts">
export let name; // widget name
let childComponent;
import { onMount } from 'svelte';
onMount(() => {
switch(name) {
case 'Widget1':
import('./Widget1.svelte')
.then(r
我有一个函数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和svelte-routing库。svelte-routing库有一个名为navigate(path)的方法。我只需单击一个按钮就可以使用此函数,它可以完美地工作。但在我的routeHandling.js文件中,它并没有像预期的那样工作。我可以看到它在浏览器中设置了url,但它停留在同一页面上,所以我必须按F5 (重新加载页面)来加载页面。 import {navigate} from "svelte-routing";
import * as axios from "axios";
export function
我有一个名为WastedTime.svelte的组件,其值为wastedTime。还有一个函数可以将值更改为50 (在我的实际代码中,这是一个动画,但这是堆栈溢出的一个简化的测试用例)。
为了允许从父函数调用子函数,我在Svelte文档中使用了<script context="module">:
<script context="module">
var wastedTime = 0;
export function changeNumber(){
console.log('changing num