vue 基本知识

1,内置事件对象event

原生JS事件中是直接通过传入 e 或者 event 就可以获取,但在vue中要传入 $event 才可以获取到内置事件对象

<body>
    <button @click="show($event)">点我</button>
</body>

2,vue阻止事件冒泡

@click.stop

3,vue 阻止默认行为

@click.prevent

<!-- 阻止表单默认提交行为,没有表达式 -->
<form @submit.prevent></form>

4,只点击一次

<button v-on:click.once="doThis"></button>

  

5,键盘事件,按enter就可以执行

<!-- 键修饰符,键别名 -->
<input @keyup.enter="onEnter">
<!-- 键修饰符,键代码 -->
<input @keyup.13="onEnter">

  

  

原文地址:https://www.cnblogs.com/haqiao/p/10282558.html