为什么我这样写，一进页面，全屏之后会隐藏，返回来也会出现那个组件。
但是我刷新页面，全屏就不会在隐藏了呢？
show是在data里声明的。
window.onresize为什么刷新之后不再起作用？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
关注在beforeMount或者mounted 生命周期里面试一下
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2023-03-10 20:29边中之城的博客 window.onresize的详细使用
- 2023-11-07 12:03慢慢雨夜的博客 vue开发中，引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。
- 2023-03-15 14:58sha_1234的博客 使用window.onresize时无效
- 2023-04-23 15:17前端小芬芬的博客 vue中是多个组件使用window.onresize不生效问题
- 2022-04-19 15:07秋天呀的博客 window.onresize = () => { // 窗口尺寸改变时触发事件} 使用下面这个方法，可以避免很多问题，比如封装组件，直接可以监听到一个 window.addEventListener('resize', () => { // 窗口尺寸改变时触发事件}) .....
- 2022-03-09 13:42竹石七的博客 我注意到组件A是组件B的父组件，组件A（父组件）中window.onresize功能正常，组件B（子组件）中window.onresize功能无效。 初步猜测是由于父子组件中同时使用，导致子组件中的失效。 三、问题解决 我尝试把子组件中...
- 2022-11-23 17:21爱吃西瓜z的博客 我本来已经配置好了的，但是开发过程中突然不生效，window.onresize压根不执行，排查发现是我封装的多处组件使用window.onresize导致的。把window.onresize改成window.addEventListener如下。——把监听事件绑到父...
- 2022-08-30 14:44真爱一生@的博客 监听元素变化
- 2022-09-27 14:04Develop_G的博客 此方法在多个相同组件渲染时 只会触发最后一个组件的宽度监听其他的没有触发 mounted() { //获取屏幕尺寸 this.screenWidth = document.body.clientWidth window.onresize = () => { console.log('高度');...
- 2022-12-13 14:05虎鲸大大的博客 window.onresize在vue中只能使用一次,自适应resize报错
- 2020-05-25 19:57清虚桂意的博客 重点：window.onresize只能在一个组件中使用，如果多个组件调用则会出现覆盖情况，所以我的解决方案是在App.vue中使用，获取document.documentElement.clientWidth（即浏览器宽度）存放在vuex中，别的组件只需要用...
- 2023-01-29 14:14卡卡卡蜜尔的博客 echarts图表window.onresize方法失效的解决方法
- 2022-06-28 17:48hua_ban_yu的博客 在开发vue项目时，使用window.onresize监听浏览器的变化，发现自定组件使用内容显示正常，当判断传入参数的长度时，内容会被覆盖。原因：使用window.onresize监听浏览器变化，而onresize本身就是一个回调，当内容...
- 2022-04-05 19:02畢林茂的博客 >> 可在任意组件中使用; 1.在data中定义一个变量，用于...2.使用window.onresize方法获取屏幕尺寸； mounted() { this.screenWidth = document.body.clientWidth window.onresize = () => { ...
- 2022-10-20 18:15月灯雪华丶的博客 今天写前端的时候遇到一个问题，window.onresize只有最后一个生效，在网上查了一些资料，最后找的解决方案记录在这里 常规写法是 window.onresize = () => { // 代码段儿 } 但是如果一个页面有多个的情况发生，就...
- 2020-08-26 20:31No Silver Bullet的博客 window.onresize属性可以用来获取或设置当前窗口的resize事件的事件处理函数。 在窗口大小改变之后,就会触发resize事件. //vue页面 <template> <div id='echart'> 报表 </div> </template&...
- 2020-12-03 13:58前端菜鸟。的博客 在父、子组件中同时使用了window.onresize，子组件中window.onresize无效。 子组件代码如下：出现问题为console的lineHeigt为2，但实际在vue中lineHeigt仍为0 data(){ return { lineHeigt: 0 } }, mounted() { ...
- 2021-03-11 19:09叶浩成520的博客 浏览器页面监听高度变化window.onresize浏览器页面监听高度变化 浏览器页面监听高度变化 作为一个程序员，在进行代码调试时，经常需要用到浏览器的控制台，这样就导致浏览器可见视图高度发生变化，当高度发生变化...
- 2021-12-09 13:37YaaLee_的博客 原本写法： window.onresize = () => { // 窗口尺寸改变时触发事件 } 改进写法 window.addEventListener('resize', () => { // 窗口尺寸改变时触发事件 })
- 2018-09-28 18:21weixin_30839881的博客 在vue开发中，因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。找了下解决方案，可以采用下面的方式写就可以了。 window.onresize = () => {this.measure()} window....
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月14日
已采纳回答
11月6日-
创建了问题
11月5日