欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue在mounted中window.onresize不生效問題及解決

 更新時間:2022年04月19日 09:18:39   作者:王維璋  
這篇文章主要介紹了vue中在mounted中window.onresize不生效問題及解決,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

mounted中window.onresize不生效

在vue開發(fā)中,因為引用的父組件和子組件都使用了window.onresize以至于一個window.onresize失效。

解決方案

可以采用下面的方式

window.onresize = () => this.screenWidth = window.innerWidth?
// 改為以下寫法
window.addEventListener('resize', () => this.screenWidth = window.innerWidth, false)

window.onresize被覆蓋問題

多個子組件中都存在window.onresize時,后一個會把前一個覆蓋,導(dǎo)致之前的onresize都失效。

? ? const _this = this
? ? window.onresize = function() {
? ? ? if (_this.chart) {
? ? ? ? _this.chart.resize()
? ? ? }
? ? }

解決方案

使用addEventListener方法添加監(jiān)聽

? ? const _this = this
? ? window.addEventListener('resize', () => {
? ? ? if (_this.chart) {
? ? ? ? _this.chart.resize()
? ? ? }
? ? })

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解基于vue-cli3快速發(fā)布一個fullpage組件

    詳解基于vue-cli3快速發(fā)布一個fullpage組件

    這篇文章主要介紹了詳解基于vue-cli3快速發(fā)布一個fullpage組件,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • 解讀vue項目防范XSS攻擊問題

    解讀vue項目防范XSS攻擊問題

    這篇文章主要介紹了解讀vue項目防范XSS攻擊問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • 解決ElementUI中tooltip出現(xiàn)無法顯示的問題

    解決ElementUI中tooltip出現(xiàn)無法顯示的問題

    這篇文章主要介紹了解決ElementUI中tooltip出現(xiàn)無法顯示的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-03-03
  • vue3的自定義hook函數(shù)使用

    vue3的自定義hook函數(shù)使用

    這篇文章主要介紹了vue3的自定義hook函數(shù)使用,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue基礎(chǔ)之v-bind屬性、class和style用法分析

    vue基礎(chǔ)之v-bind屬性、class和style用法分析

    這篇文章主要介紹了vue基礎(chǔ)之v-bind屬性、class和style用法,結(jié)合實例形式分析了vue.js中v-bind綁定及class、style樣式控制相關(guān)操作技巧,需要的朋友可以參考下
    2019-03-03
  • 深入理解使用Vue實現(xiàn)Context-Menu的思考與總結(jié)

    深入理解使用Vue實現(xiàn)Context-Menu的思考與總結(jié)

    這篇文章主要介紹了使用Vue實現(xiàn)Context-Menu的思考與總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-03-03
  • VUE el-tree組件左邊勾選,右邊清除交互問題

    VUE el-tree組件左邊勾選,右邊清除交互問題

    這篇文章主要介紹了VUE el-tree組件左邊勾選,右邊清除交互問題,具有很好的參考價值,希望對大家有所幫助。
    2023-04-04
  • vue3項目使用pinia狀態(tài)管理器的使用

    vue3項目使用pinia狀態(tài)管理器的使用

    Pinia是一個專為Vue3設(shè)計的現(xiàn)代化狀態(tài)管理庫,本文主要介紹了vue3項目使用pinia狀態(tài)管理器的使用,具有一定的參考價值,感興趣的可以了解一下
    2024-05-05
  • elementui?el-table底層背景色修改簡單方法

    elementui?el-table底層背景色修改簡單方法

    最近在做項目的時候遇到個需求,需要修改el-table背景色,這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于elementui?el-table底層背景色修改的相關(guān)資料,需要的朋友可以參考下
    2023-10-10
  • Vue?cli3?chainWepack使用方法示例詳解

    Vue?cli3?chainWepack使用方法示例詳解

    這篇文章主要為大家介紹了Vue?cli3?chainWepack使用方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-11-11

最新評論