vue mounted不执行,

　　摘要：本文主要介绍了window.onresize在vue中挂载时不起作用的问题及其解决方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 window . on resize in mounted不起作用。解决window.onresize被覆盖的问题

mounted中window.onresize不生效

　　在vue开发中，window.onresize无效，因为引用的父组件和子组件都使用window.onresize。

解决方案

　　可以采用下面的方式

　　window . on resize=()=this . screen width=window . inner width

　　//按如下方式编写

　　window . addevent listener( resize ，()=this . screen width=window . inner width，false)

window.onresize被覆盖问题

　　当window.onresize存在于多个子组件中时，后者会覆盖前一个，导致所有之前的onresize失败。

　　const _this=这个

　　window.onresize=function() {

　　if (_this.chart) {

　　_this.chart.resize()

　　}

　　}

解决方案

　　使用addEventListener方法添加监听

　　const _this=这个

　　window . addevent listener( resize ，()={

　　if (_this.chart) {

　　_this.chart.resize()

　　}

　　})

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。