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

Question

mounted(){

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

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

Answer 1

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

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