如何在 Alpine.js 的 @click 事件中传递参数？

Question

Alpinejs 如何给@click="fun()"设置参数？

<div x-data="{list:[{id:1},{id:2}]}">
    <template x-for(i in list)>
        <button @click="fun(i.id)">Click</button>
    </template>
</div>

function fun(id){
    console.log(id)
}

以上写，无效。
要如何写才能让 fun() 获取id这个参数呐？

null

Answer 1

<div x-data="{list:[{id:1},{id:2}]}">
    <template x-for(i in list)>
        <button @click="(e) => fun(e, i.id)">Click</button>
    </template>
</div>