vue中在mounted中window.onresize不生效

Posted wangweizhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中在mounted中window.onresize不生效相关的知识,希望对你有一定的参考价值。

在vue开发中,因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。
解决方案==>可以采用下面的方式

 

window.onresize = () => this.screenWidth = window.innerWidth 
// 改为以下写法
window.addEventListener(‘resize‘, () => this.screenWidth = window.innerWidth, false)

 

以上是关于vue中在mounted中window.onresize不生效的主要内容,如果未能解决你的问题,请参考以下文章

vue中在mounted中window.onresize不生效

Vue中在组件销毁时清除定时器(setInterval)

Vue中在组件销毁时清除定时器(setInterval)

vue中在当前页面跳转当前页面,解决页面初始化数据的问题

vue中如何使用echarts

Vue+Typescript中在Vue上挂载axios使用时报错