获取位于另一个自定义商店内的精巧嵌套自定义商店的价值
Get value of a svelte nested custom store, is inside another custom store
基于我制作的this REPL example。我像这样创建了两个精巧的自定义商店:
<script>
import { writable } from "svelte/store";
var store1;
const {subscribe:subscribe_store1, set:set_store1, update:update_store1} = writable(store1)
const Store1 = {
subscribe:subscribe_store1,
customfunction1:CustomFunction1
}
function CustomFunction1(str){set_store1(str)}
var store2;
const {subscribe:subscribe_store2, set:set_store2, update:update_store2} = writable(store1)
const Store2 = {
subscribe:subscribe_store2,
customfunction2:CustomFunction2
}
function CustomFunction2(str){set_store2(str)}
Store1.customfunction1("is 1!")
Store2.customfunction2("is 2!")
</script>
<h1>Store1 : {$Store1}</h1>
<h2>Store2 : {$Store2}</h2>
如何使用 Store1 访问 $Store2 的值?我只找到了 this solution,但不得不一直导入和调用 get
函数有点烦人
编辑:它不是反应式的...
import {writable, get} from "svelte/store"
...
const Store2 = {
subscribe:subscribe_store2,
Store1:Store1,
customfunction2:CustomFunction2
}
...
<h3>{get({Store2.Store1)}</h3>
如果你有更好的方法,我采纳
编辑:如果你有什么工作,我一定会接受。
这是我发现的解决方案,假设 Store1 是反应式的
$: store1 = Store2.Store1
<h3>{$store1}</h3>
基于我制作的this REPL example。我像这样创建了两个精巧的自定义商店:
<script>
import { writable } from "svelte/store";
var store1;
const {subscribe:subscribe_store1, set:set_store1, update:update_store1} = writable(store1)
const Store1 = {
subscribe:subscribe_store1,
customfunction1:CustomFunction1
}
function CustomFunction1(str){set_store1(str)}
var store2;
const {subscribe:subscribe_store2, set:set_store2, update:update_store2} = writable(store1)
const Store2 = {
subscribe:subscribe_store2,
customfunction2:CustomFunction2
}
function CustomFunction2(str){set_store2(str)}
Store1.customfunction1("is 1!")
Store2.customfunction2("is 2!")
</script>
<h1>Store1 : {$Store1}</h1>
<h2>Store2 : {$Store2}</h2>
如何使用 Store1 访问 $Store2 的值?我只找到了 this solution,但不得不一直导入和调用 get
函数有点烦人
编辑:它不是反应式的...
import {writable, get} from "svelte/store"
...
const Store2 = {
subscribe:subscribe_store2,
Store1:Store1,
customfunction2:CustomFunction2
}
...
<h3>{get({Store2.Store1)}</h3>
如果你有更好的方法,我采纳
编辑:如果你有什么工作,我一定会接受。
这是我发现的解决方案,假设 Store1 是反应式的
$: store1 = Store2.Store1
<h3>{$store1}</h3>