鍍金池/ 問答/HTML/ 360瀏覽器的兼容模式下,mounted里面給元素設(shè)置高度無效

360瀏覽器的兼容模式下,mounted里面給元素設(shè)置高度無效

mounted(){

 var height = document.getElementsByTagName("html")[0].offsetHeight;
 $(".indexr").css("height",height);

}
兼容模式下，上面代碼沒有執(zhí)行；
導(dǎo)致頁面錯亂，采用了vue2.0的nuxt.js服務(wù)端渲染

回答
編輯回答
入她眼

我把我的想法寫一下，希望對你有所幫助：
1、將jQuery注冊到Vue的原型上之后再嘗試(雖然并不推薦在Vue中使用jQuery)
2、先確認(rèn)是否mounted周期在360瀏覽器的兼容模式下無法運(yùn)行，添加window.alert(1)測試一下，若能行，表示有可能是jQuery沒有注冊到Vue原型上導(dǎo)致加載順序不一致的問題導(dǎo)致的。

最重要一點(diǎn)，那個css賦值語句是不是差一個單位px？$(".indexr").css("height",height + "px");

2018年4月10日 21:23