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

37 lines
885 B
JavaScript

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);
}
};