Shulou(Shulou.com)05/31 Report--

This article mainly introduces "vue in mounted _ window.onresize does not take effect how to solve", in the daily operation, I believe that many people in the vue in mounted _ window.onresize does not take effect on how to solve the problem, editor consulted all kinds of data, sorted out a simple and useful method of operation, hope to answer "vue in mounted _ window.onresize does not take effect how to solve" the doubt is helpful! Next, please follow the editor to study!

_ window.onresize is not valid in mounted

In vue development, a _ window.onresize is invalidated because both the referenced parent and child components use _ window.onresize.

Solution

You can do this in the following ways

_ window.onresize = () = > this.screenWidth = window.innerWidth / / is changed to the following window.addEventListener ('resize', () = > this.screenWidth = window.innerWidth, false) _ window.onresize covering problem

When _ window.onresize exists in multiple subcomponents, the latter will overwrite the previous one, resulting in the invalidation of the previous onresize.

Const _ this = this _ window.onresize = function () {if (_ this.chart) {_ this.chart.resize ()}} solution

To add a monitor using the addEventListener method

Const _ this = this window.addEventListener ('resize', () = > {if (_ this.chart) {_ this.chart.resize ()}}) so far, the study on "how to solve the problem that vue does not take effect in mounted _ window.onresize" is over, hoping to solve everyone's doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.