vue 码源 键盘快捷键操作_VUE 事件修饰符以及按键码

VUE 事件修饰符以及按键码

之前写了一篇关于事件处理的文章，这篇的时间修饰符主要就是来修饰之前事件处理的事件名的，目的是为了扩展事件的功能。

事件修饰符

.stop：阻止单击事件继续传播，event.stopPropagation()

.prevent：阻止事件默认行为 event.preventDefault()

.once：点击事件将只会触发一次

事件处理

事件处理函数 v-on 或者 @

Say { {msg}}

Warn

---

事件修饰符

单击事件会继续传播

单击事件会组织继续传播

我的博客园博客

点击只会触发一次：{ {num}}

new Vue({

el: '#app',

data: {

msg: '你好，王佳伟',

num: 0

},

// 定义事件处理函数

methods: {

say: function (event) {

// event 代表的是DOM的原生事件，vue会自动的而将它传入进来。

alert(this.msg)

alert(event.target.innerHTML)