美文网首页
VUE动态获取浏览器宽度/高度

VUE动态获取浏览器宽度/高度

作者: Wanlly | 来源:发表于2021-03-10 14:43 被阅读0次

    比上监听省事多了,敲爽
    直接上代码
    test.vue

    data () {
    return {
    windowWidth: document.documentElement.clientWidth, //实时屏幕宽度
    windowHeight: document.documentElement.clientHeight, //实时屏幕高度
    }
    },
    mounted() {
    // 实时获取浏览器宽度高度
    let that = this;
    window.onresize = () => {
    return (() => {
    window.fullHeight = document.documentElement.clientHeight;
    window.fullWidth = document.documentElement.clientWidth;
    that.windowHeight = window.fullHeight; // 高
    that.windowWidth = window.fullWidth; // 宽
    })()
    };
    }

    相关文章

      网友评论

          本文标题:VUE动态获取浏览器宽度/高度

          本文链接:https://www.haomeiwen.com/subject/ldywqltx.html