在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中如何獲得異步獲取內(nèi)容（含圖片）的容器高度？

vue中如何獲得異步獲取內(nèi)容（含圖片）的容器高度？

場景是“閱讀更多”的效果（和csdn博文一樣的效果），如果容器內(nèi)容高度超過1000px則隱藏1000px以外的內(nèi)容，顯示“閱讀更多”的按鈕，如果容器內(nèi)容高度不足1000px則顯示全部內(nèi)容。
內(nèi)容中包含圖片，我現(xiàn)在嘗試了watch+nextTick、mounted+nextTick、updated+nextTick，都只能獲得文字部分的高度，圖片高度始終沒法獲得，求教如何獲取容器真實(shí)渲染后的高度？

或者有沒有別的方式實(shí)現(xiàn)“閱讀更多”而不用判斷內(nèi)容高度？

回答
編輯回答
吃藕丑

watch:{

namelist:function(){

    this.$nextTick(function(){
        console.log(this.$refs.elrow.$el.clientHeight)
        console.log(this.$refs.elrow)
    });
}

}

2018年9月9日 02:51
編輯回答
柒喵

如果是獲取高度,你可以創(chuàng)建一個(gè)new Image() 對象, 在onload事件觸發(fā)后,就可以手動獲取高度

2017年11月19日 22:07
編輯回答
逗婦乳

文字中包含圖片？如果圖片高度都是確定的話那么可以手動算一下高度，如果不是，那就得遍歷出dom 里邊所有 img，監(jiān)聽img 的onLoad 事件，都加載完成之后再算一下高度。

2018年6月2日 14:20