vue绑定点击事件@click
时间: 2023-07-06 13:34:07 浏览: 147
解决vue 绑定对象内点击事件失效问题
5星 · 资源好评率100%
@click 是 Vue 中用于绑定点击事件的指令,可以在模板中绑定一个方法,当元素被点击时,会自动调用对应的方法。例如:
```
<template>
<div>
<button @click="handleClick">点击我</button>
</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('按钮被点击了');
}
}
}
</script>
```
在上面的代码中,我们在按钮上绑定了 @click 指令,并将它绑定到组件中的 handleClick 方法上。当按钮被点击时,会自动调用 handleClick 方法并输出日志信息。
阅读全文