如何解决从可写存储中筛选项目以使其苗条显示的好方法?
有更好的方法吗?
<script>
import recipestore from '../../recipestore';
export let id; /* I got this id from the url param */
</script>
<div>
{#each $recipestore as recipe }
{#if recipe.id == id}
<p>{recipe.name}</p>
{/if}
{/each}
</div>
谢谢!
解决方法
您可以在脚本标签内过滤存储数据:
<script>
import {counts} from "./store.js"
let id=0;
let mycounts
const filt=(value)=>{
mycounts=$counts.filter(count => count.id == id);
console.log("mycounts: ",mycounts)
}
$: filt(id)
</script>
您可以使用$:
来观察变量的变化。在我的示例中,当id
更改时,将调用filt(id)
函数。
以下是REPL:https://svelte.dev/repl/77f92f3d3ca149dfa5475035cbbffeb5?version=3.29.0
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。