⽬录
mounted中window.onresize不⽣效解决⽅案
window.onresize被覆盖问题解决⽅案mounted中window.onresize不⽣效
在vue开发中，因为引⽤的⽗组件和⼦组件都使⽤了window.onresize以⾄于⼀个window.onresize失效。
解决⽅案
可以采⽤下⾯的⽅式
window.onresize = () => this.screenWidth = window.innerWidth // 改为以下写法
window.addEventListener('resize', () => this.screenWidth = window.innerWidth, false)
window.onresize被覆盖问题
多个⼦组件中都存在window.onresize时，后⼀个会把前⼀个覆盖，导致之前的onresize都失效。
const _this = this
window.onresize = function() { if (_this.chart) {
_this.chart.resize() } }
解决⽅案
使⽤addEventListener⽅法添加监听
const _this = this
window.addEventListener('resize', () => { if (_this.chart) {
_this.chart.resize() } })
以上为个⼈经验，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。
因篇幅问题不能全部显示，请点此查看更多更全内容