Vue检测web端和移动端,并强制手机横屏
mounted() {if (navigator.userAgent.match(/(iPhone|Android|iPad)/i)) {let width = document.documentElement.clientWidth;let height = document.documentElement.clientHeight;if (width < height) {alert("
·
mounted() {
if (navigator.userAgent.match(/(iPhone|Android|iPad)/i)) {
let width = document.documentElement.clientWidth;
let height = document.documentElement.clientHeight;
if (width < height) {
alert("手机屏幕横过来嗷");
this.loading = true;
document.getElementById("loading").style.zIndex = 2021;
window.addEventListener("resize", this.renderResize);
}
}
},
beforeUnmount() {
window.removeEventListener("resize", this.renderResize);
},
methods: {
renderResize() {
let width = document.documentElement.clientWidth;
let height = document.documentElement.clientHeight;
if (width > height) {
this.loading = false;
document.getElementById("loading").style.zIndex = -5;
} else {
this.loading = true;
document.getElementById("loading").style.zIndex = 2021;
}
},
},
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)