vue2 onlick
时间: 2024-08-15 17:07:51 浏览: 40
Vue.js 2.x 中的 `@click` 事件修饰符是一种自定义指令,用于监听元素的点击事件。当你在一个 Vue 组件模板中添加 `v-on:click` 或者简写为 `@click`,它会绑定一个函数到指定元素上,当用户点击该元素时,这个函数会被调用。
例如,在HTML模板中:
```html
<button @click="handleClick">点击我</button>
```
在这个例子中,`handleClick` 是一个在 JavaScript 视图模型 (VM) 中定义的方法,当按钮被点击时,`handleClick` 函数就会被执行。
`@click` 支持传递参数给回调函数,比如:
```html
<button @click="handleClick('Hello')">点击我</button>
// JavaScript
methods: {
handleClick(message) {
console.log(`你点击了按钮,消息是:`, message);
}
}
```
在这里,`handleClick` 接收一个字符串参数 'Hello' 并打印出来。
阅读全文