javascript - svelte:svelte 如何在 if block 之间运行函数？

Question

我试图在 if else block 之间放置一个函数。
以下是我想象的那样。:

<script>
let condition=false
function function_here(event){
   if(event){
      condition = true;
   }else if(!event){
      condition = false;
   }else{
      condition = !condition;
   }
</script>
{#each post as posts}
   {#if posts.object1==="match" }
      <p>HTML HERE</p>
      {function_here(true)}
   {/if}
{/each}
{#if condition}
   <button>type1</button>
{:else}
   <button>type2</button>
{/if}

如果仅在循环发布结果期间，如果发现 posts.object1 匹配，我需要更改变量“条件”的状态
但是，此示例返回结果“未定义”。
我如何在 svelte 中的 if block 之间放置函数？

Answer 1

在 Svelte 中像这样在模板中调用函数被认为是不好的做法，该代码属于组件的脚本部分。这个问题的最佳方法是 react 变量，因此它也会在 posts 时发生变化。变化:

$: condition = posts.... // something based on posts

但是，实际情况如何取决于您，您在答案中提供的代码似乎与实际代码相比非常简化。