window.onresize在vue中只能使用一次,自适应resize报错

1.window.onresize不能重复使用，因为onresize是一个回调，当它发生变化时，会覆盖前一个

2.但是有业务场景需要多个组件进行监听，此时可以使用 window.addEventListener('resize',()=>{})

3.移除监听:window.removeEventListener('resize',函数名)

4.写echars自适应时报错找不到resize:

使用了this，第一次是在mounted生命周期函数中实例化echarts对象，this是指向VueComponent组件，就是柱状图的div；

第二次是在window监听事件中监听窗口尺寸的自适应，this则是指向监听对象，也就是window，但是在这里需要的是在window的监听对象中对柱状图div进行自适应操作。

解决办法：去掉this,使用变量代替

window.onresize在vue中只能使用一次,自适应resize报错相关推荐

app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...
解决Vue中重复点击相同路由控制台报错问题
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...
四种解决Vue中重复点击相同路由控制台报错问题（ Avoided redundant navigation to current location）
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
vue中自动导入导致的数十个报错，ERROR in ./node_modules
我在写路由跳转的时候,突然运行后一下出现了几十个报错,都是了来自于 ./node_modules的报错如下: ERROR in ./node_modules/import-fresh/index.j ...
vue中通过arr.length获取数组长度报错：Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
刚开始是通过arr.length获取数组长度的! 结果控制台报错: Error in render: "TypeError: Cannot read property 'length' of ...
Vue nvm重装node和npm与vue3报错Emitted ‘error‘ event on ChildProcess instance at errno: -4058
Vue nvm重装node和npm与vue3报错Emitted 'error' event on ChildProcess instance at errno: -4058 昨天运行的项目,一直报错, ...
vue-cli中mock本地json数据踩雷：报错404 （GET http://localhost:8080/goods 404 (Not Found) ）
标题vue-cli中mock本地json数据踩雷:报错404 运用vue的脚手架进行了项目的搭建,想要通过json文件模拟后台传输数据,结果一直报错:404,经过不断的查找资料和调试终于找到问题的所在 ...
使用vue脚手架的项目使用https: true，报错：Invalid typed array length: -4095
使用vue脚手架的项目使用https: true,报错:Invalid typed array length: -4095 使用vue脚手架的项目使用https: true,报错:Invalid ty ...
vue 项目路由跳转时，ie报错缺少')'
vue 项目路由跳转时,ie报错缺少')' 报错信息解决办法报错信息 vue项目中使用了vue-echarts,项目启动后,在chrome上路由跳转没问题,但是在ie的控制台报"缺少 ...

window.onresize在vue中只能使用一次,自适应resize报错

window.onresize在vue中只能使用一次,自适应resize报错相关推荐

最新文章

热门文章