svelte给dom对象绑定事件和vue框架类似。
定义函数:
function handler(index){
alert("hello", index);
}
绑定事件:
<button on:click={handler}>点击</button>
但是带参函数的使用就略有不同了,函数handler的参数index需要传入的时候,不能直接这样使用<button on:click={handler(123)}>点击</button>,这样的写法会在页面打开时直接执行,而不是在点击按钮的时候执行。
这是初学svelte的时候比较郁闷的事,官方文档中也没有明显的文档说明如何传参。
正确的传参方式是这样的:
<button on:click={() => handler(123)}>点击</button>
将on:click的内容改写为匿名函数,在函数中调用。
原文:https://www.yuedun.wang/blogdetail/5fea9271de75f459aa011018
博客介绍了Svelte给DOM对象绑定事件与Vue框架类似,但带参函数使用不同。直接传参在页面打开时执行,而非点击按钮时执行,官方文档也无明显说明。给出了正确传参方式,即将内容改写为匿名函数并在其中调用。
502

被折叠的 条评论
为什么被折叠?



