亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Vue事件修飾符native和self

jhhfft / 3392人閱讀

摘要:事出有因之前面試被問到的和相關(guān)問題,我覺得自己應(yīng)該能回答出來,可能被之前一小時的問題整懵逼了。

事出有因

之前面試被問到的native和self相關(guān)問題,self我覺得自己應(yīng)該能回答出來,可能被之前一小時的問題整懵逼了。尷尬~~
自己研究了一下,不足之處望補充,相互進步

native 修飾符native,有什么用

native是原生事件(第一反應(yīng),當(dāng)時沒然后了...)

惡補一下

native 一定是用于自定義組件,也就是自定義的html標(biāo)簽

結(jié)合代碼說得明白

    

注意點

當(dāng),子組件中的this.$listeners返回的是{click: ?}box1的dom上沒有綁定click事件(可以打開F12查看),所以這個事件不是原生的click

當(dāng),子組件中的this.$listeners返回的是{},box1的dom上綁定了click事件(可以打開F12查看),所以這個事件是原生的click

當(dāng),子組件中的this.$listeners返回的是{click: ?},box1的dom上沒有綁定click事件(可以打開F12查看),所以這個事件不是原生的click

子組件的this.$emit("eventTpye")是從this.$listeners返回值中查找的

為什么有時候組件點擊事件不會生效
猜測

子組件html標(biāo)簽沒有定義click原生事件

子組件沒有執(zhí)行this.$emit("click")

所以

直接.native將事件綁定到子組件html標(biāo)簽上,類似dom.addEventListener("click", handler)

self 作用

引用官方說明



...

結(jié)合代碼說明


    

就是利用e.target和e.currentTarget,當(dāng)添加self時,只有當(dāng)兩者相等時才會觸發(fā)回調(diào)

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/105483.html

相關(guān)文章

  • Vue.js Guide Essentials-說人話-速記版

    摘要:以下內(nèi)容根據(jù)部分速記。同時,需要在父組件標(biāo)簽中添加這個屬性,該屬性才能傳遞到子組件內(nèi)。把父組件傳遞的數(shù)據(jù)當(dāng)做子組件的初始值。 以下內(nèi)容根據(jù)Vue.js Guide Essentials部分速記。 不含動畫/mixin/SSR/路由/狀態(tài)管理等部分. Introduction 建議閱讀原文 https://vuejs.org/v2/guide/in... 什么是Vue 開始 聲明式...

    Sanchi 評論0 收藏0
  • vue源碼解析-事件機制

    摘要:直接寫了組件機制。今天看了下的關(guān)于事件的機制。源碼都是基于最新的。綁定了事件回調(diào)函數(shù)的。初始化的時候,將中的方法代理到的同時修飾了事件的回調(diào)函數(shù)。對于事件有兩個底層的處理邏輯。 上一章沒什么經(jīng)驗。直接寫了組件機制。感覺涉及到的東西非常的多,不是很方便講。今天看了下vue的關(guān)于事件的機制。有一些些體會。寫出來。大家一起糾正,分享。源碼都是基于最新的Vue.js v2.3.0。下面我們來看...

    LuDongWei 評論0 收藏0
  • Vue指令詳解

    摘要:添加事件偵聽器時使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時才觸發(fā)回調(diào)。只當(dāng)點擊鼠標(biāo)右鍵時觸發(fā)只當(dāng)點擊鼠標(biāo)中鍵時觸發(fā)以模式添加偵聽器,減少額外的監(jiān)聽,提高性能表示永遠不會調(diào)用。記住,指令函數(shù)能夠接受所有合法的表達式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    itvincent 評論0 收藏0
  • Vue指令詳解

    摘要:添加事件偵聽器時使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時才觸發(fā)回調(diào)。只當(dāng)點擊鼠標(biāo)右鍵時觸發(fā)只當(dāng)點擊鼠標(biāo)中鍵時觸發(fā)以模式添加偵聽器,減少額外的監(jiān)聽,提高性能表示永遠不會調(diào)用。記住,指令函數(shù)能夠接受所有合法的表達式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    malakashi 評論0 收藏0

發(fā)表評論

0條評論

jhhfft

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<