背景:系统首页出现滚动条影响美观
1.问题分析
https://blog.csdn.net/qq_26277237/article/details/88690620 vue 路由离开和进入页面前置操作
https://blog.csdn.net/u011939977/article/details/79526956 浏览器离开或者关闭当前页面前置操作
https://blog.csdn.net/qq_35989226/article/details/80417746 js 监听浏览器窗口发生变化后执行操作
https://www.cnblogs.com/jin-zhe/p/10506238.html vue 监测浏览器窗口发生变化
https://www.cnblogs.com/jin-zhe/p/10506169.html js 获取浏览器分辨率
2.方案
{
mounted () {
this.getTabsHeight();
window.onresize = () => {
return (() => {
this.getTabsHeight();
})();
};
this.$nextTick(() => {
this.initAchievementBarCharts();
this.initVisitNumLineCharts();
});
},
methods:{
getTabsHeight(){
this.tabsBarHeight = this.$refs.main.$el.offsetHeight - 155 + 'px';
this.tabsLineHeight = this.$refs.main.$el.offsetHeight - 235 + 'px';
},
}
}