怎樣保證js在頁面元素渲染完后再執(zhí)行？ 虛擬用戶.js你需要把watch和nexttick方法結(jié)合起來。具體方法如下。具體步驟：1。在頁面上加載數(shù)據(jù)列表之后，頁面會自動滾動到中間的列表元素。列表數(shù)據(jù)呈

怎樣保證js在頁面元素渲染完后再執(zhí)行？

虛擬用戶.js你需要把watch和nexttick方法結(jié)合起來。具體方法如下。具體步驟：

1。在頁面上加載數(shù)據(jù)列表之后，頁面會自動滾動到中間的列表元素。列表數(shù)據(jù)呈現(xiàn)完成后，計算列表的高度，然后控制到指定行的定位。首先，讓我們介紹一下在第一次嘗試中沒有生效的計劃，這也是你最容易犯錯誤的地方，虛擬用戶.js提供的mounted函數(shù)表示掛載到實例后調(diào)用鉤子。

2. 運行后，發(fā)現(xiàn)在執(zhí)行mounted期間獲得的高度值不正確。您還可以發(fā)現(xiàn)此時沒有呈現(xiàn)頁面，并且列表塊仍然為空。

3. 查詢官方API文檔時，我們發(fā)現(xiàn)有一個nexttick方法，即在下一個DOM更新周期結(jié)束后執(zhí)行延遲回調(diào)。修改數(shù)據(jù)后立即使用此方法獲取更新的dom。使用后，我發(fā)現(xiàn)它仍然不能解決我需要的效果。

4. 繼續(xù)查詢API文檔并找到watch方法，該方法用于觀察Vue實例上的數(shù)據(jù)更改。對應(yīng)一個對象，鍵是觀察表達式，值是對應(yīng)的回調(diào)。再試一次，你會發(fā)現(xiàn)它運行后仍然無法工作。

5. 最后將watch和nexttick{顯示列表：函數(shù)(){ 這是戈普萊斯（0）}}showlist是對應(yīng)表頁的綁定變量

前端渲染可以使后臺更專注于業(yè)務(wù)數(shù)據(jù)的處理，服務(wù)器壓力也小得多。但是如果你的項目需要被搜索引擎索引，最好不要使用前端渲染，因為目前的搜索引擎并不特別支持前端框架，前端使用JS來渲染數(shù)據(jù)，這使得瀏覽器兼容性成為一個特別棘手的問題。如果你的項目不關(guān)心瀏覽器的兼容性，這不是問題。而前端渲染使得前端開發(fā)和后端開發(fā)分離，可以提高開發(fā)效率。前端不能處理后臺的事情，同時也減少了對網(wǎng)絡(luò)帶寬的占用。后臺渲染是服務(wù)器的一大壓力。畢竟，數(shù)據(jù)和模板需要呈現(xiàn)到頁面中。但是，這可以通過緩存來解決。同時，由于后臺渲染需要后臺開發(fā)知識，前端頁面需要后臺程序員修改后才能使用，開發(fā)效率大大降低。在后臺渲染頁面后，前端可以直接顯示，因此后臺渲染可以支持低版本瀏覽器。