成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue事件修飾符native和self

jhhfft / 3323人閱讀

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

事出有因

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

native 修飾符native，有什么用

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

惡補(bǔ)一下

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

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

注意點(diǎn)

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

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

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

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

為什么有時(shí)候組件點(diǎn)擊事件不會生效
猜測

子組件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時(shí)，只有當(dāng)兩者相等時(shí)才會觸發(fā)回調(diào)

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

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

相關(guān)文章

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

    摘要：以下內(nèi)容根據(jù)部分速記。同時(shí)，需要在父組件標(biāo)簽中添加這個(gè)屬性，該屬性才能傳遞到子組件內(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源碼解析－事件機(jī)制

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

    LuDongWei 評論0 收藏0

  • Vue指令詳解

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

    itvincent 評論0 收藏0

  • Vue指令詳解

    摘要：添加事件偵聽器時(shí)使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。只當(dāng)點(diǎn)擊鼠標(biāo)右鍵時(shí)觸發(fā)只當(dāng)點(diǎn)擊鼠標(biāo)中鍵時(shí)觸發(fā)以模式添加偵聽器，減少額外的監(jiān)聽，提高性能表示永遠(yuǎn)不會調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(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元查看
<