vue事件修饰符与按钮修饰符

事件修饰符：(当事件无需传参数时可直接写成以下形式，有参数时则为@click.stop="handleLiClick($event)")

stop:阻止事件冒泡行为（子元素被点击，会触发父元素的点击事件）

<ul @click="handleLiClick"><li @click.stop="handleLiClick">111</li></ul>

self:识别是否为自己的点击事件

<ul @click.self="handleLiClick"><li @click="handleLiClick">111</li></ul>

once:事件执行一次后自动取消事件绑点

<ul @click.self="handleLiClick"><li @click.once="handleLiClick">111</li></ul>

prevent:阻止元素的默认行为

<a href="http://www.baidu.com" @click.prevent="verificationData()">返回</a>如果不加prevent修饰，当点击此链接后会触发点击事件随后跳转到百度首页，反之则只执行点击事件

按钮修饰符：

以下为两种方式案例：

<input type="text" @keyup.87="handlerEnter($event)">87为按键的keyCode

<input type="text" @keyup.enter="handlerEnter($event)"enter为按键的名字>

如果不知道按键的keyCode,可以先在页面触发事件，将键对应的keyCode输出到控制台，拿到keyCode后再代入到代码中

handlerEnter(e){ console.log(e.keyCode); }