Svelte 要传递给on的绑定值：单击回调（锚定标记）

我正在构建一个边栏组件，当单击其中一个边栏项目时，该组件将更新活动链接。因此，我需要传递当前的边栏项对象以启用其活动状态

问题：在on:click事件之后，如何将值传递给回调？以下是我如何在常规javascript上执行此操作：

<script>
  const items = [
    {
      text: "Home",
      url: "/"
    },
    {
      text: "Workarea",
      url: "/workarea"
    },
    {
      text: "Notes",
      url: "/notes"
    },
    {
      text: "Conf",
      url: "/conf"
    }
  ];

function click(obj,e) {
  e.preventDefault()
  var activeItem = obj.id
}
</script>

//HTML

<div class="card" style="width: 18rem;">
  <ul class="list-group list-group-flush">
    {#each items as item}
        <li class="list-group-item">
            <a 
            on:click={onItemClick}
            href={item.url}
            >{item.text}</a>
        </li>
    {/each}
  </ul>
</div> 

常数项=[
{
文字：“主页”，
网址：“/”
},
{
文本：“工作区”，
url:“/工作区”
},
{
正文：“注”，
url:“/notes”
},
{
案文：“Conf”，
url:“/conf”
}
];
功能点击（obj，e）{
e、 预防默认值（）
var activeItem=obj.id
}
//HTML

{#每个项目作为项目}


{/每个}

我已经检查了API并尝试使用

bind:xxxx

指令，但没有成功

---

我希望代码能够在单击当前活动的侧栏项目后更新它。

您需要将

项目

传递给您的处理程序：

{#每个项目作为项目}


{/每个}

谢谢Rich。。。我怎么没想到呢。我花了太多时间做反应，我想：D