rt-sim-training-client/src/mixin/WindowResizeHandler.js

import * as throttleUtil from '@/utils/throttle';

export default {
    data() {
        return {
            _clientWidth: 0,
            _clientHeight: 0
        };
    },
    beforeMount() {

    },
    mounted() {
        this._resizeHandler();
        // 调用节流函数限制执行频率
        var fn = throttleUtil.createOrUpdate(
            this,
            '_resizeHandler',
            300,
            'debounce'
        );
        window.addEventListener('resize', fn);
    },
    methods: {
        _resizeHandler() {
            this._clientWidth = document.documentElement.clientWidth;
            this._clientHeight = document.documentElement.clientHeight;
            if (this.resizeHandler) {
                this.resizeHandler();
            }
        }
    },
    beforeDestroy() {
        window.removeEventListener('resize', this._resizeHandler);
    }
};