内联(模板内)事件处理程序中的Vue 2参数

Question

是否可以访问在内联/模板内处理程序中传递给发出事件的参数/参数？就像是:

<component @some-event="someObject.field = $arguments[0]"></component

我正在尝试做的就是为范围中的对象赋值.我知道我可以创建一个方法来执行该操作并将其用作事件的处理程序,但我想知道这是否可以作为内联语句.

Answer 1

它不是$arguments[0],但只是arguments[0](没有$).我很惊讶它实际上在内联处理程序中工作.所以以下代码是有效的,并将工作:

<component @some-event="someObject.field = arguments[0]"></component>

内联处理程序中的方法文档指定$event为一个特殊变量,它获取通过事件传递的第一个参数.我一直用它到现在为止.

在阅读了你的问题之后,更多的研究使我得到了这个参考:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments

似乎每个javascript函数都有一个名为的局部变量arguments,当函数需要获得可变数量的参数时使用.

使用arguments[]内联语句肯定是可能的,但在vue.js框架的上下文中没有记录.另一方面,如果您$event在内联处理程序中使用事件,则会感觉更安全,因为它已被清楚地记录下来并且在将来的Vue.js版本中不会中断

示例用法$event:

<component @some-event="someObject.field = $event"></component>