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

vue報錯Cannot?read?properties?of?undefined?(...)類型的解決辦法

 更新時間：2024年04月11日 09:47:33   作者：啵啵啵啵貓  
這篇文章主要給大家介紹了關于vue報錯Cannot?read?properties?of?undefined?(...)類型的解決辦法,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下

場景：

在項目中，想要獲取鼠標的元素，紅色區(qū)域報錯：Cannot read properties of undefined (reading 'grid3D')

分析：

Cannot read properties of undefined類型的報錯，一般是報錯元素的前一個元素出了問題，也就是this.option沒有獲取到。

報錯類型一般為兩種：

  • 對象沒值的時候
  • 對象為undefined的時候

對象沒有數(shù)據(jù)的時候為undefined 這個時候訪問內(nèi)部內(nèi)容就會報錯

解決方法：

查看一下this.option，注釋掉問題代碼，并輸入console.log(this.option)

let option = xxx;
this.rateChart.on("mouseover", (params) => {
        // console.log('params',params);
        if (params.target) {
          // console.log("非空白區(qū)");
        } else {
        //  console.log("空白區(qū)");
          console.log(this.option) 
          // this.option.grid3D.viewControl.alpha =20; // 視角繞 x 軸，即上下旋轉的角度
          // this.option.grid3D.viewControl.beta = 70; // 視角繞 y 軸，即左右旋轉的角度。
          // this.rateChart.setOption(this.option);
        }
});

發(fā)現(xiàn)輸出undefined，說明沒有找到option，查看上下文，發(fā)現(xiàn)前面已經(jīng)定義了option，不需要用this，直接使用即可。

修改后：

成功解決。

總結

到此這篇關于vue報錯Cannot read properties of undefined (...)類型解決辦法的文章就介紹到這了,更多相關Cannot read properties of undefined內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

  • vue?filter的幾種用法示例小結

    vue?filter的幾種用法示例小結

    Vue.filter函數(shù)用于注冊一個全局的過濾器,該過濾器可以在模板和組件中使用,這篇文章主要介紹了vue?filter的幾種用法示例小結,需要的朋友可以參考下
    2024-08-08
  • 詳解vue掛載到dom上會發(fā)生什么

    詳解vue掛載到dom上會發(fā)生什么

    這篇文章主要介紹了詳解vue掛載到dom上會發(fā)生什么，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • Vue簡化用戶查詢/添加功能的實現(xiàn)

    Vue簡化用戶查詢/添加功能的實現(xiàn)

    本文主要介紹了Vue簡化用戶查詢/添加功能的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2023-01-01
  • 使用Vue實現(xiàn)簡單日歷效果

    使用Vue實現(xiàn)簡單日歷效果

    這篇文章主要為大家詳細介紹了使用Vue實現(xiàn)簡單日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-08-08
  • vue實現(xiàn)移動端拖動排序

    vue實現(xiàn)移動端拖動排序

    這篇文章主要為大家詳細介紹了vue實現(xiàn)移動端拖動排序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-08-08
  • vue3使用quill富文本編輯器保姆級教程(附踩坑解決)

    vue3使用quill富文本編輯器保姆級教程(附踩坑解決)

    這篇文章主要給大家介紹了關于vue3使用quill富文本編輯器保姆級教程的相關資料,在許多網(wǎng)站和應用程序中富文本編輯器是一種常見的工具,它使用戶能夠以直觀的方式創(chuàng)建和編輯文本內(nèi)容,需要的朋友可以參考下
    2023-11-11
  • Vue路由傳參頁面刷新后參數(shù)丟失原因和解決辦法

    Vue路由傳參頁面刷新后參數(shù)丟失原因和解決辦法

    這幾天在開發(fā)中遇見的一個關于路由傳參后,頁面刷新數(shù)據(jù)丟失的問題,下面這篇文章主要給大家介紹了關于Vue路由傳參頁面刷新后參數(shù)丟失原因和解決辦法,需要的朋友可以參考下
    2022-12-12
  • vue使用vuex實現(xiàn)首頁導航切換不同路由的方法

    vue使用vuex實現(xiàn)首頁導航切換不同路由的方法

    這篇文章主要介紹了vue使用vuex實現(xiàn)首頁導航切換不同路由的方法 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
    2019-05-05
  • Vue中scrollIntoView()方法詳解與實際運用舉例

    Vue中scrollIntoView()方法詳解與實際運用舉例

    這篇文章主要給大家介紹了關于Vue中scrollIntoView()方法詳解與實際運用舉例的相關資料,該scrollIntoView()方法將調用它的元素滾動到瀏覽器窗口的可見區(qū)域,需要的朋友可以參考下
    2023-12-12
  • vue中的computed?和?vm.$data?原理解析

    vue中的computed?和?vm.$data?原理解析

    這篇文章主要介紹了vue中的computed?和?vm.$data?原理，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-08-08

最新評論