vue 基本知识

时间 2019-12-08

标签 vue 基本知识繁體版

原文原文链接

1，内置事件对象eventjavascript

原生JS事件中是直接经过传入 e 或者 event 就能够获取，但在vue中要传入 $event 才能够获取到内置事件对象vue

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

2，vue阻止事件冒泡java

@click.stopspa

3,vue 阻止默认行为orm

@click.prevent对象

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

4，只点击一次blog

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

5,键盘事件，按enter就能够执行事件

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