问题标签 [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.
svelte - 如何在 Svelte 中将 {#each } 与数字一起使用
我正在 Svelte 中建立一个评论网站,用户可以在其中对餐厅进行星级排名,当我从数据库中取回记录时,我已经知道该餐厅从每条评论中获得了多少星。我想显示每颗星星的星星图像。
例如,对于 3 星评论,我想显示 3 星。用星形图像动态填充 div 的最简单方法是什么?
有没有办法使用这样的东西来做到这一点?(在本例中,StarNum 为 3)
谢谢!
svelte - 更新商店内数组中每个项目的好方法
我在 Svelte 的数据存储中有一个对象数组,我想更新数组中每个对象中的一个属性,即我想将存储中数组中的 author 属性更新为当前用户名,这是我目前在做什么:
必须有更好的方法来做到这一点,对吧?
谢谢!
svelte - Svelte-apollo 修改查询数据
我有以下代码
这种技术有效,但它实际上$me
在屏幕上显示对象。
对象完成后如何修改$me
?
我尝试过执行以下操作:
但我得到以下错误:
TypeError:store.subscribe 不是函数
svelte - 我的 Svelte 选择块未正确刷新
我有 2 个选择下拉菜单,我正在尝试根据第一个选择的值动态更改第二个选择中的选项。
奇怪的是,如果我尝试使用硬编码值,一切都会顺利进行。
一旦我尝试从我的数据库(我使用 MongoDB)中获取数据,从存储中检索数据,第二个选择不会正确刷新。
这是一些代码:
App.svelte
CachedStores.js
从数据库中检索到的数据与硬编码的数据基本相同。感谢您的帮助!
javascript - 如何在 Svelte 中创建派生变量?
我有两家店:
它们都有对象数组,对象看起来像这样(当然,值不同):
我想创建自己的派生变量,它将保存“custom_items”和“another_items”这两个商店的总量。我怎样才能做到这一点?
我只能通过这段代码来做到这一点,但它不是反应式的:
一定有更好的方法,我听说过派生商店,但我不知道在这种情况下如何使用它。
svelte - 从商店发出 AJAX 请求
我对 Svelte Stores 有 3 个问题:
- 如何在商店内发出 ajax 请求?我尝试过使用以下内容:
REPL 演示
请求通过但数据从未传递到导出。我见过的所有示例都使用没有 async/await 的静态数据。我也尝试过return data;
,writable(getData());
但它返回的是一个承诺,而不是数据本身。
这甚至是将数据从 API 加载到商店的正确方法,还是我应该在其他地方进行调用。
我如何以及何时使用
export default testsStore;
我尝试从另一个示例中使用它并抛出说store.js isn't exporting testsStore
svelte - 制作刷新按钮以更新 store.js 中的 ajax 并触发 {#await} 承诺
我正在尝试制作一个刷新按钮来更新 store.js 中的内容。商店从获取请求中获取数据。
我尝试取消订阅和订阅,但它似乎不起作用。
刷新数据的唯一方法是使用刷新操作创建自定义存储,该操作再次调用 getData() 但它似乎没有触发承诺。
我想删除旧数据和Loading...
每次获取/刷新新数据时出现的文本。
我该怎么做?这是我到目前为止所拥有的:
REPL
svelte - 当 Svelte 中的订阅存储发生值更改时如何触发函数?
我的一个组件订阅了商店中的一个变量。每当该存储变量发生变化时,我都想触发一个函数。
商店.js
组件.svelte
javascript - Svelte 商店功能更新
Svlete 商店文档显示正在更新字符串或整数,但我没有在商店中找到任何动态函数。
我不明白如何将 getData 函数设置为可写函数以通知 html 更改。
在以下示例中,我希望在调用 updateKey 函数后显示“b”。
您将在这里找到 REPL 中的最小代码:https ://svelte.dev/repl/3c86bd48d5b5428daee514765c926e58?version=3.29.7
如果 REPL 失败,这里的代码相同:
App.svelte:
store.js
目标是在商店中使用动态功能。
谢谢阅读。
svelte - Svelte 派生商店
哟!
我正在尝试更新我的派生商店,我执行以下操作
功能由拖放产品卡触发,第 35 行 Products.svelte 它在使用相同逻辑在主组件中执行的所有其他功能中效果很好,由于某种原因,它在嵌套组件中不起作用,例如: https: //svelte.dev/repl/5287e7b0ba994772ae736fcc41952b08?version=3
你能帮忙为什么它不起作用吗?