window.onresize和window.addEventListener

vue中在mounted中window.onresize不生效是因为：
引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。

把window.onresize改为window.addEventListener

    window.onresize = () => {if (screenfull.isFullscreen) {this.show = false;this.tableHeight = window.innerHeight * 0.9;} else {this.show = true;this.tableHeight = window.innerHeight * 0.8;}};

改成

window.addEventListener('resize', () => {if (screenfull.isFullscreen) {this.show = false;this.tableHeight = window.innerHeight * 0.95;} else {this.show = true;this.tableHeight = window.innerHeight * 0.8;}});

window.onresize和window.addEventListener相关推荐

window.onresize——调整窗口大小事件
1.语法规范 window.onresize = function(){} window.addEventListener('resize',function() {}); 2.作用是调整窗口大小加 ...
window.onresize的详细使用
最近做的项目老是涉及到大小屏切换,但是因为屏幕宽高不一样的原因,老是要计算表格高度 window.onresize:监听window窗口变化,当窗口大小发生变化时,会触发此事件含义 MDN中的定义是 ...
在 vue 中使用 window.onresize及div的resize事件
项目场景: 如何在 vue 中使用 window.onresize 如何避免覆盖其它的 window.onresize 手动触发 window.onresize echarts 监听图表容器的大小并 ...
vue组件mounted中window.onresize无效
一.问题描述在开发中发现,有两个vue组件中mounted中都用了window.onresize,但是在其中一个组件中正常,在另一个组件中无效. 二.问题分析我注意到组件A是组件B的父组件,组件A ...
改变窗口大小时重新设置 rem时window.onresize失效
初始化font-size的js文件setRem.js如下 // 基准大小 const baseSize = 75 // 设置 rem 函数 function setRem() {// 当前页面宽度相对 ...
window.onresize出现的问题
今天在快乐地做着大屏项目,用到g2的时候,由于我用了transform:scale 导致g2的图要反过来缩放(吐槽一下,g2真垃圾),然后在子组件里面注册了resize事件监听,导致最外层的父组件re ...
window.onresize在vue中只能使用一次,自适应resize报错
1.window.onresize不能重复使用,因为onresize是一个回调,当它发生变化时,会覆盖前一个 2.但是有业务场景需要多个组件进行监听,此时可以使用 window.addEventLis ...
window.onresize监听浏览器变化内容被覆盖
在开发vue项目时,使用window.onresize监听浏览器的变化,发现自定组件使用内容显示正常,当判断传入参数的长度时,内容会被覆盖. 原因: 使用window.onresize监听浏览器变化, ...
vue监听页面上的报错信息,window.onerror和window.addEventListener(‘error‘)的区别
前言: 监听页面上的报错信息项目中使用:判断路径上有没有这个版本号...具体内容可根据实际情况来 const asyncVersion = '20210128' window.addEventLis ...

window.onresize和window.addEventListener

window.onresize和window.addEventListener相关推荐

最新文章

热门文章