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

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

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

或者有沒(méi)有別的方式實(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() 對(duì)象, 在onload事件觸發(fā)后,就可以手動(dòng)獲取高度

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

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

2018年6月2日 14:20