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

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免费在线看| 午夜免费福利视频一区| 国产精品传媒在线视频| 亚洲伦理av在线观看| 韩国黄色理论片一区二区麻豆| av在线亚洲网站区一| 亚洲精品欧美综合第四区| 熟女乱熟乱熟妇综合网二区| 久久视频在线播放视频| 不卡的国产在线视频| av东京热狠狠男人的天堂| 亚洲av乱码专区国产乱码| 免费看欧美粗又大爽老| 搡老女人老91妇女老熟女| 国产又粗又长又猛又爽视频| 国产91九色在线播放| 亚洲欧美半夜激情一区二区| 欧美精品一区二区久久| 在线蜜臀av中文字幕| 亚洲一区欧美二区日韩三区| 日韩av一区二区免费在线观看| 久久99久久久久久精品| 婷婷综合伊人久久狠狠| 国产精品伊人久久综合网| 国产模特一区二区三区| 成人欧美精品一区二区不卡| 色噜噜人妻av中文字幕| 在线免费观看成人午夜福利| 少妇被按摩高潮在线观看| 无遮挡无掩盖的免费网站| 亚洲精品日韩av专区| 精品少妇人妻av免费久久久| 久久久之久亚州精品露出| 久久 久久国内精品亚洲| 91精品国产老熟女在线| 日本在线一区二区视频麻豆| 国产精品剧情在线播放| 日本精品a秘在线观看|