欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue獲取dom元素注意事項(xiàng)

mounted(){
    setTimeout(()=>{
     this.contentToggle();
    },1000)
  },

methods:{
   contentToggle(){
    console.log(this.$refs.bodyFont.offsetHeight);
   }
  }

vue想要獲取dom元素的高,一般情況下我們都可以想到寫(xiě)在mounted函數(shù)里,即dom加載完再獲取,但是結(jié)果并不如我們所想,又想到用一個(gè)

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比白云網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式白云網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋白云地區(qū)。費(fèi)用合理售后完善,十余年實(shí)體公司更值得信賴。

this.$nextTick(()=>{
   
    //函數(shù)
})

來(lái)獲取,發(fā)現(xiàn)根本沒(méi)用啊/。。

所以好的辦法就是用一個(gè)setTimeout定時(shí)器,時(shí)間可以設(shè)為0,但是有時(shí)候生效,有時(shí)候不生效,還是加一個(gè)小的時(shí)間值比較保險(xiǎn),這樣就可以保證獲取到的一定是dom加載后的了,該原理適用于vue中很多傳值的問(wèn)題,剛開(kāi)始獲取不到傳過(guò)來(lái)的值,用一個(gè)setTimeout就可。

ps:VUE獲取DOM元素內(nèi)容

通過(guò)ref來(lái)獲取dom元素

在vue官網(wǎng)上對(duì)ref的解釋

ref 被用來(lái)給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子組件上,引用就指向組件實(shí)例

當(dāng) v-for 用于元素或組件的時(shí)候,引用信息將是包含 DOM 節(jié)點(diǎn)或組件實(shí)例的數(shù)組 

比如我現(xiàn)在要實(shí)現(xiàn)的效果是點(diǎn)擊用v-for生成的li ,獲取到該元素的值

首先要獲取當(dāng)前點(diǎn)擊的li元素,我們要做的是

1.給dom添加點(diǎn)擊事件和ref屬性

<li class="sidebar-list" v-for="(item, index) in meunList" @click="setPageMenu(index)" ref="menuItem">
  <router-link class="sidebar-a" :to="{ path: item.listLink }" >{{item.listTitle}}</router-link>
</li>

2.然后在點(diǎn)擊事件方法中使用ref

setPageMenu(index) {
//這個(gè)是獲取當(dāng)前menuItem值,用index來(lái)區(qū)分當(dāng)前元素是v-for 產(chǎn)生的數(shù)組中的第幾個(gè)數(shù)
  let getMenuText = this.$refs.menuItem[index].innerText;
}

總結(jié)

以上所述是小編給大家介紹的vue獲取dom元素注意事項(xiàng),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持!

文章題目:vue獲取dom元素注意事項(xiàng)
當(dāng)前鏈接:http://aaarwkj.com/article30/pegsso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、小程序開(kāi)發(fā)、軟件開(kāi)發(fā)、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
日本中文字幕区二区三区电影| 亚洲中文字幕伦理在线| 国产欧美日韩精品三级| 日本 影院 一区 二区| 不卡的国产在线视频| 欧美久久久久综合一区| 亚洲国产传媒在线观看| 香港精品国产三级国产av| 爱高潮www亚洲精品| 日本在线免费观看91| 人妻少妇av免费久久蜜臀| 91蜜臀视频在线播放| 色爱区偷拍人妻中文字幕| 中文字幕乱码亚洲精品一区 | 精品国产一区二区三区性色av| 国产亚洲中文久久网久久| 国内一级片内射视频播放| 久热伊人精品国产中文| 97在线观看视频视频| 91久久国产综合精品| 亚洲人成网站在线免费看| 人妻在线中文字幕一区| 日韩欧美一区二区麻豆| 午夜激情毛片在线观看| 小黄片视频免费在线播放| 91桃色午夜福利视频| 日韩成人免费观看视频| 欧美国产一级二级三级| 亚洲日本欧美在线一区| 亚洲精品一区二区免费看| 日本 午夜 在线 视频| 亚洲综合色视频免费在线播放| 亚洲精品伦理视频在线| 日韩一卡一卡在线观看| 亚洲欧美一区二区色慰| 日韩三级在线观看av| 国产一区在线免费在线观看| 国产亚洲高清一区二区| 国产在线第一页第二页| 国产亚洲精品美女视频| 日本精品一区二区不卡|