老师求教：为什么点击事件要用箭头函数返回函数的形式？

Question

老师的代码：

<div
  class="category__item"
  v-for="item in categories"
  :key="item.name"
  @click="() => handleCategoryClick(item.tab)"
>

里面的 @click="() => handleCategoryClick(item.tab)" 为什么不写成 @click="handleCategoryClick(item.tab)" 这样的形式呢？用一个箭头函数返回是有什么好处吗？

Answer 1

Dell 2022-05-01 14:39:52

handleCategoryClick(item.tab) 是一个函数的执行，而 () => handleCategoryClick(item.tab) 则是一个函数

• 慕粉1473424859 #1

  嗯，为啥要写成一个函数？而不是直接执行函数呢？

• Dell 回复 慕粉1473424859 #2

  @click 要等于一个回调函数啊，而不是一个回调函数的执行啊，就好比一个div 标签上的 onclick，你肯定要给一个函数，不能写成 a=b(), onclick=a 对吧

• 平凡的男人 回复 Dell #3

  这里需要转换下脑子，呵呵