我能否从Vue中的方法属性返回一个函数并使用它作为事件处理程序？

Question

我们可以在Vue中这样做吗，或者我只能使用箭头函数。

<template>
<vue-component
 v-for="(data, index) in someArr"
 @someEvent="someMethodWrapper(data)" 
>
</vue-component>
</template>

<script>
 methods: {
  someMethodWrapper(data) {
   return (someotherData) => {
    this.setNewProperty = { [data]: someOtherData }
   }
  }
 }
</script>

Answer 1

v-on绑定可以接受函数或表达式作为事件处理程序。在这种情况下，表达式计算为的函数不会用作事件处理程序。

这段代码只执行someMethodWrapper并忽略它返回的函数。通过明确地称它为：

@someEvent="someMethodWrapper(data)($event)" 

在这一点上，使someMethodWrapper高阶函数不是一个好的目的，它可以更改签名以更好地适应这种情况：

someMethodWrapper(someotherData, data) {...}

和

@someEvent="someMethodWrapper($event, data)"