Powered by md-Blog  文 - 篇  访客 -

Vue.js获取页面高度并监听随之改变


  分类:Vue  / 
更新:2020-11-01 17:25:27  /  创建:2020-03-31 16:34:53
不要删除
data() {
    return {
        clientHeight: 0,    // 声明data
    }
},
methods: {
    // 设置页面高度
    setClientHight() {
        var _this = this;
        _this.clientHeight = `${document.documentElement.clientHeight}px`;
        // 控制台打印
        console.log(_this.clientHeight);
    },
},
mounted() {
    var _this = this;
    // 挂载读取页面高度
    _this.setClientHight();
    // 窗口页面高度变更
    window.onresize = function(){
        _this.setClientHight();
    }
}

不要删除

小站不易,感谢支持!