问题标签 [svelte-store]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
40 浏览

svelte - 如何在 Svelte 中将 {#each } 与数字一起使用

我正在 Svelte 中建立一个评论网站,用户可以在其中对餐厅进行星级排名,当我从数据库中取回记录时,我已经知道该餐厅从每条评论中获得了多少星。我想显示每颗星星的星星图像。

例如,对于 3 星评论,我想显示 3 星。用星形图像动态填充 div 的最简单方法是什么?

有没有办法使用这样的东西来做到这一点?(在本例中,StarNum 为 3)

谢谢!

0 投票
2 回答
313 浏览

svelte - 更新商店内数组中每个项目的好方法

我在 Svelte 的数据存储中有一个对象数组,我想更新数组中每个对象中的一个属性,即我想将存储中数组中的 author 属性更新为当前用户名,这是我目前在做什么:

必须有更好的方法来做到这一点,对吧?

谢谢!

0 投票
0 回答
75 浏览

svelte - Svelte-apollo 修改查询数据

我有以下代码

这种技术有效,但它实际上$me在屏幕上显示对象。

对象完成后如何修改$me

我尝试过执行以下操作:

但我得到以下错误:

TypeError:store.subscribe 不是函数

0 投票
0 回答
181 浏览

svelte - 我的 Svelte 选择块未正确刷新


我有 2 个选择下拉菜单,我正在尝试根据第一个选择的值动态更改第二个选择中的选项。
奇怪的是,如果我尝试使用硬编码值,一切都会顺利进行。
一旦我尝试从我的数据库(我使用 MongoDB)中获取数据,从存储中检索数据,第二个选择不会正确刷新。

这是一些代码:

App.svelte

CachedStores.js

从数据库中检索到的数据与硬编码的数据基本相同。感谢您的帮助!

0 投票
2 回答
389 浏览

javascript - 如何在 Svelte 中创建派生变量?

我有两家店:

它们都有对象数组,对象看起来像这样(当然,值不同):

我想创建自己的派生变量,它将保存“custom_items”和“another_items”这两个商店的总量。我怎样才能做到这一点?

我只能通过这段代码来做到这一点,但它不是反应式的:

一定有更好的方法,我听说过派生商店,但我不知道在这种情况下如何使用它。

0 投票
1 回答
1881 浏览

svelte - 从商店发出 AJAX 请求

我对 Svelte Stores 有 3 个问题:

  1. 如何在商店内发出 ajax 请求?我尝试过使用以下内容:

REPL 演示

请求通过但数据从未传递到导出。我见过的所有示例都使用没有 async/await 的静态数据。我也尝试过return data;writable(getData());但它返回的是一个承诺,而不是数据本身。

  1. 这甚至是将数据从 API 加载到商店的正确方法,还是我应该在其他地方进行调用。

  2. 我如何以及何时使用export default testsStore;我尝试从另一个示例中使用它并抛出说store.js isn't exporting testsStore

0 投票
1 回答
61 浏览

svelte - 制作刷新按钮以更新 store.js 中的 ajax 并触发 {#await} 承诺

我正在尝试制作一个刷新按钮来更新 store.js 中的内容。商店从获取请求中获取数据。

我尝试取消订阅和订阅,但它似乎不起作用。

刷新数据的唯一方法是使用刷新操作创建自定义存储,该操作再次调用 getData() 但它似乎没有触发承诺。

我想删除旧数据和Loading...每次获取/刷新新数据时出现的文本。

我该怎么做?这是我到目前为止所拥有的:

REPL

0 投票
3 回答
2056 浏览

svelte - 当 Svelte 中的订阅存储发生值更改时如何触发函数?

我的一个组件订阅了商店中的一个变量。每当该存储变量发生变化时,我都想触发一个函数。

商店.js

组件.svelte

0 投票
2 回答
5038 浏览

javascript - Svelte 商店功能更新

Svlete 商店文档显示正在更新字符串或整数,但我没有在商店中找到任何动态函数。

我不明白如何将 getData 函数设置为可写函数以通知 html 更改。

在以下示例中,我希望在调用 updateKey 函数后显示“b”。

您将在这里找到 REPL 中的最小代码:https ://svelte.dev/repl/3c86bd48d5b5428daee514765c926e58?version=3.29.7

如果 REPL 失败,这里的代码相同:

App.svelte:

store.js

目标是在商店中使用动态功能。

谢谢阅读。

0 投票
1 回答
659 浏览

svelte - Svelte 派生商店

哟!

我正在尝试更新我的派生商店,我执行以下操作

功能由拖放产品卡触发,第 35 行 Products.svelte 它在使用相同逻辑在主组件中执行的所有其他功能中效果很好,由于某种原因,它在嵌套组件中不起作用,例如: https: //svelte.dev/repl/5287e7b0ba994772ae736fcc41952b08?version=3

你能帮忙为什么它不起作用吗?