vue监听事件
时间: 2023-06-21 20:06:31 浏览: 114
Vue可以通过v-on指令来监听DOM事件。
例如,要监听click事件,可以在模板中的元素上添加v-on:click或@click指令。
```html
<template>
<button v-on:click="handleClick">点击我</button>
</template>
```
然后,在Vue实例中定义handleClick方法,该方法将在点击按钮时被调用。
```javascript
<script>
export default {
methods: {
handleClick() {
console.log('按钮被点击了!')
}
}
}
</script>
```
除了@click指令外,Vue还提供了其他指令来监听不同的事件,例如v-on:keyup监听按键弹起事件,v-on:submit监听表单提交事件等。
阅读全文