时间戳

首页 > 解决方案 > 在 vue 中一起接收输入值和一些其他数据

javascript - 在 vue 中一起接收输入值和一些其他数据

问题描述

我有一个如下所示的自定义输入组件：

<select @change="$emit('change', $event.target.value)">
...
</select>

如您所见，我正在change使用当前输入值发出一个事件（因此，$event.target.value）。

我像这样使用该组件：

<mycomponent @change="someMethod"></mycomponent>

如您所见，该值由 自动接收someMethod。在我的根 vue 实例中，我someMethod定义了这个：

someMethod(value){
    console.log(value);
}

但是，如果我想将一些其他值someMethod与输入值一起传递给该方法怎么办？我怎样才能做到这一点？

<mycomponent @change="someMethod('My String Data')"></mycomponent>

如何在 中同时接收输入值和“我的字符串数据” someMethod？

标签： javascriptvue.js

解决方案

您可以在内联语句处理程序中访问发出的事件的值。$event您可以使用特殊变量将其传递给方法：

<mycomponent @change="someMethod($event, 'My String Data')"></mycomponent>

推荐阅读