最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue中ref和e.target的區(qū)別以及ref用法

 更新時(shí)間：2024年03月24日 09:07:07   作者：應(yīng)該少了點(diǎn)什么  
這篇文章主要介紹了vue中ref和e.target的區(qū)別以及ref用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

1、首先認(rèn)識(shí)一下ref

ref說(shuō)白了就是標(biāo)識(shí)，獲取某一個(gè)標(biāo)簽的標(biāo)志。

為什么這么說(shuō)呢？

<button ref="age" @click="getRefAge">ref的age形式</button>

getRefAge(e){
		// 獲取的是button標(biāo)簽, ref是用來(lái)獲取標(biāo)簽的
        console.log(this.$refs.age)       
        console.log(this.$refs.age === e.target)  // true
        console.log(this.$refs)     // {age: button對(duì)象}   
      }

這個(gè)時(shí)候，可以看到給age是成為了這個(gè)button標(biāo)簽的標(biāo)識(shí)，用于尋找，獲取這個(gè)標(biāo)簽的標(biāo)識(shí)。

2、ref的有趣玩法

深入一下，防止迷糊

// 注意: 給ref是給其綁定了v-bind事件
<button :ref="age" @click="refDongTai">ref成了動(dòng)態(tài)的情況</button>

refDongTai(e){
        console.log(e.target)
        console.log(this.$refs[this.age])   // 可以訪問(wèn)，但沒(méi)什么實(shí)質(zhì)性的用處
      }

這個(gè)時(shí)候， age是一個(gè)變量，假設(shè)age的值是18，那么這個(gè)ref使用的是標(biāo)識(shí)是18這個(gè)數(shù)值

3、ref和e.target的區(qū)別

<button ref="age" @click="getRefAge">ref的age形式</button>

getRefAge(e){
        console.log(this.$refs.age)     
        console.log(this.$refs.age === e.target)  // true 
      }

可以看到都同樣可以獲取到標(biāo)簽，并且 e.target的用法還單詞比較少。

要想知道其區(qū)別，還需要打印一下，refs

getRefAge(e){
        console.log(this.$refs)     // {age: button標(biāo)簽}   
      }

現(xiàn)在就可以知道了，因?yàn)閞ef是保存在了this身上的，即vue的實(shí)例身上的，那么標(biāo)識(shí)了ref的，

可以在任意位置將標(biāo)簽取出來(lái)使用，而e.target,則僅限于觸發(fā)了這個(gè)標(biāo)簽事件的時(shí)候可以使用

說(shuō)白了，就是this.$refs的作用范圍 > e.target。 

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

茂名市| 诏安县| 衡南县| 山东省| 垫江县| 合江县| 新疆| 清苑县| 昌乐县| 高要市| 灌阳县| 定日县| 尉氏县| 湘潭县| 从化市| 清丰县| 宾阳县| 抚远县| 柞水县| 辰溪县| 京山县| 昔阳县| 自治县| 绥棱县| 民丰县| 思南县| 凤城市| 北流市| 鄯善县| 满城县| 凭祥市| 榆社县| 莱西市| 永川市| 阿合奇县| 长顺县| 北安市| 剑河县| 右玉县| 清流县| 陆河县|