vue.js@click携带值到函数
时间: 2023-11-27 07:05:31 浏览: 128
vue获取当前点击的元素并传值的实例
如果您想在 Vue.js 的模板中使用 `@click` 事件,并且希望将一些值传递给事件处理程序函数,可以使用 `$event` 对象来访问事件对象。
例如,如果您有一个按钮,您想在单击按钮时将某些数据传递给处理程序函数,您可以这样编写模板:
```
<button @click="handleClick('hello', $event)">Click me</button>
```
在这里,`handleClick` 是一个处理程序函数,它接收两个参数:`'hello'` 和 `$event`。`$event` 是事件对象,它可以让您访问事件的相关信息,如鼠标坐标、按下的键等等。
在您的 Vue 组件中,您可以像这样定义 `handleClick` 函数:
```
methods: {
handleClick(arg1, event) {
// 在这里访问 $event 对象获取事件信息
console.log(arg1); // 输出 'hello'
console.log(event.clientX); // 输出鼠标点击的 X 坐标
}
}
```
这样,当按钮被单击时,`handleClick` 函数将被调用,并且您可以访问 `$event` 对象和传递给函数的其他参数。
阅读全文