成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Vue事件修飾符native和self

jhhfft / 3394人閱讀

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

事出有因

之前面試被問到的native和self相關(guān)問題，self我覺得自己應(yīng)該能回答出來(lái)，可能被之前一小時(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)擊事件不會(huì)生效
猜測(cè)

子組件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í)才會(huì)觸發(fā)回調(diào)

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/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部分速記。 不含動(dòng)畫/mixin/SSR/路由/狀態(tài)管理等部分. Introduction 建議閱讀原文 https://vuejs.org/v2/guide/in... 什么是Vue 開始 聲明式...

    Sanchi 評(píng)論0 收藏0

  • vue源碼解析－事件機(jī)制

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

    LuDongWei 評(píng)論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)不會(huì)調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    itvincent 評(píng)論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)不會(huì)調(diào)用。記住，指令函數(shù)能夠接受所有合法的表達(dá)式。 思維導(dǎo)圖 showImg(https://segmentfault.com/img/bVbphXZ?w=1920&h=2408); 指令 v-for 關(guān)于key 官方...

    malakashi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

jhhfft

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<