首頁猿問用vue.js渲染后獲取內(nèi)容高度的問題

用vue.js渲染后獲取內(nèi)容高度的問題

JavaScript JQuery Vue.js

自酌一杯酒 2019-02-11 10:02:17

我想獲取一頁面整體高度，用的$(document).height();問題：在沒有調(diào)用ajax請(qǐng)求的時(shí)候高度打印出來的是1102px；調(diào)用請(qǐng)求后，數(shù)據(jù)加載完，再打印還是1102px;但是我延遲兩秒執(zhí)行，那這樣打印出來的高度就是6987px;有不有什么辦法，不延遲執(zhí)行，但是獲取的高度是真實(shí)的高度？vue的這幾個(gè)(created，mounted，updated)生命周期都打印了，都是1102。求大神解決下！

查看完整描述

2 回答

已采納

Caballarii

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

recommendListData方法是異步的，按順序?qū)懖⒉皇前错樞驁?zhí)行的，要么把獲取高度以及后面的操作都寫到$.ajax的success回調(diào)里，要么用co或者async/await封裝成同步操作。

反對(duì) 回復(fù) 2019-02-11

自酌一杯酒
最初是寫到success的回調(diào)里面,但是高度還是不變。我想可能是數(shù)據(jù)加載完了,但是頁面還沒渲染好，就把它移到mounted方法里面去了。應(yīng)該將它寫在wactch方法里面,再將高度寫到$nextTick函數(shù)里。 watch:{ recommendList(){ } }

回復(fù) 2019-02-11
自酌一杯酒
data:{ recommendList: [], } watch:{ recommendList(){ this.$nextTick(function(){ console.log($(document).height()); }) } }

回復(fù) 2019-02-11