360浏览器的兼容模式下,mounted里面给元素设置高度无效

mounted(){

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

}
兼容模式下,上面代码没有执行;
导致页面错乱,采用了vue2.0的nuxt.js服务端渲染

回答:

我把我的想法写一下,希望对你有所帮助:
1、将jQuery注册到Vue的原型上之后再尝试(虽然并不推荐在Vue中使用jQuery)
2、先确认是否mounted周期在360浏览器的兼容模式下无法运行,添加window.alert(1)测试一下,若能行,表示有可能是jQuery没有注册到Vue原型上导致加载顺序不一致的问题导致的。

最重要一点,那个css赋值语句是不是差一个单位px$(".indexr").css("height",height + "px");

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注