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">

相關標籤/搜索