vue框架绑定点击事件
时间: 2023-06-28 11:06:46 浏览: 95
在 Vue 框架中,可以使用 `v-on` 或者简写的 `@` 来绑定点击事件。
例如,假设我们有一个按钮,点击后要触发一个函数:
```html
<template>
<button @click="handleClick">Click me</button>
</template>
```
在 Vue 组件的 `methods` 中定义 `handleClick` 函数即可:
```js
<script>
export default {
methods: {
handleClick() {
console.log('Button clicked!')
}
}
}
</script>
```
当用户点击按钮时,`handleClick` 函数会被调用。你也可以通过 `$event` 访问原生事件对象:
```html
<template>
<button @click="handleClick($event)">Click me</button>
</template>
```
```js
<script>
export default {
methods: {
handleClick(event) {
console.log('Button clicked!', event)
}
}
}
</script>
```
这样就可以在点击按钮时获取到原生事件对象了。
阅读全文