VUE課程 12 事件修飾符

vue中可以可以用事件修飾符來做我們事件操作中常用的阻止預設事件（event.preventdefault()）或者阻止事件冒泡（event.stoppropagation()）等事件操作

vue中常用的事件修飾符有.stop（阻止冒泡）、.prevent（阻止預設事件）、.capture（使用事件捕獲模式）、.self（事件只在本元素上觸發）、.once（事件只觸發一次）等

.stop 阻止事件冒泡

.prevent 阻止元素的預設事件
.capture 將js事件機制從預設的冒泡機制轉換成捕獲機制
.self 只有自身才能觸發事件（不能夠被子元素觸發）
.once 事件只觸發一次
<
div 
class
="parent"
@click
="parentclick"
>
<
button 
@click.stop
="btnclick"
button
>
div>

.stop 阻止事件冒泡

.prevent 阻止元素的預設事件
.capture 將js事件機制從預設的冒泡機制轉換成捕獲機制
.self 只有自身才能觸發事件（不能夠被子元素觸發）
.once 事件只觸發一次

2、可以只有修飾符，比如：讀書程式設計筆記

直接在事件後面接事件修飾符，比如.prevent阻止預設事件：@click.prevent="preventlink"：讀書程式設計筆記

<

a href
=""@click.prevent
="preventlink"
>讀書程式設計筆記
a>

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>事件修飾符
Vue 12 事件修飾符
一 知識點部分 內聯處理器 clickme clickme 事件修飾符 vue.js 為 v on 提供了 事件修飾符。通過由點 表示的指令字尾來呼叫修飾符 obj1 obj2 obj3 obj4 var content new vue methods 這些修飾符使得我們不需要處理麻煩的dom細節，...
VUE課程參考 8 事件修飾符
vue中可以可以用事件修飾符來做我們事件操作中常用的阻止預設事件 event.preventdefault 或者阻止事件冒泡 event.stoppropagation 等事件操作 vue中常用的事件修飾符有.stop 阻止冒泡 prevent 阻止預設事件 capture 使用事件捕獲模式 sel...
vue修飾符與事件修飾符
前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...