vue怎么使用DOM事件
时间: 2023-12-20 19:04:43 浏览: 67
Vue.js可以通过v-on指令来监听DOM事件。
例如,在模板中使用v-on指令监听一个点击事件:
```html
<button v-on:click="handleClick">点击我</button>
```
在Vue实例中,定义一个方法来处理点击事件:
```javascript
new Vue({
el: '#app',
methods: {
handleClick: function () {
console.log('点击了按钮')
}
}
})
```
这样,当用户点击按钮时,控制台会输出“点击了按钮”。
除了v-on:click,Vue还支持其他DOM事件,例如v-on:input、v-on:submit等。可以参考Vue.js官方文档进行学习。
阅读全文