vue在mounted中_window.onresize不生效怎么解决
发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,这篇文章主要介绍"vue在mounted中_window.onresize不生效怎么解决",在日常操作中,相信很多人在vue在mounted中_window.onresize不生效怎么解决问题上存在疑
千家信息网最后更新 2024年10月01日vue在mounted中_window.onresize不生效怎么解决
这篇文章主要介绍"vue在mounted中_window.onresize不生效怎么解决",在日常操作中,相信很多人在vue在mounted中_window.onresize不生效怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答"vue在mounted中_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() } })
到此,关于"vue在mounted中_window.onresize不生效怎么解决"的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!
学习
组件
方案
方法
更多
解决方案
问题
帮助
实用
接下来
写法
多个
文章
方式
理论
知识
篇文章
网站
资料
跟着
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
竖表 横表 数据库
莒南软件开发教学哪个好
乌克兰网络安全事件
mysql数据库入门
税务网络安全隐患整改
网络安全法 加密
陕西ntp网络时间服务器哪家好
网游服务器架设需要学什么
北京市网络安全技术协会
电商运营与网络技术
知名互联网科技博主
智能协同管理模式万方数据库
家教平台数据库数据表
亚马逊服务器忘记秘钥
数据库方面的论文1000字
软件开发技术如何积累
网络安全怎么修补
部队如何筑牢网络安全防线
南信大竞赛网网络安全
英伟达服务器gpu 架构
竖表 横表 数据库
三星s8 改装成服务器
正规计算机软件开发费用
网络技术专业论文总结
软件开发 取费
辽宁专业软件开发服务标准
网络安全法数据标准
北京拉卡拉网络技术有
华为公司用什么软件开发
首都网络安全日2019