天天看點

vue -- foreach not a function 或者map not a function的解決辦法

歡迎通路我的個人部落格:http://www.xiaolongwu.cn

前言

老套路,先說出現這種問題的原因:

在做vue項目時,如果我們在元件中需要一個變量,哪怕這個變量最開始是沒值的,我們也必須先在data中注冊這個變量;

隻有這樣,我們的這個變量才能是響應式的,不然就失去了響應式的功能;

問題就在這裡,好多人(也包括我自己)的習慣就是寫變量的值等于’’(空)或者null;

map和foreach方法隻能對數組或者類數組進行周遊,如果不是數組就會報錯,很明顯我們的初始值不是一個數組;

解決辦法

其實很簡單,在vue元件中注冊變量的初始化值時不要随意的寫一個空或者null,讓他等于[](空數組)就可以了;

例子:

data() {
    return {
    // 如果這個值在後面是當做一個數組使用,并且需要去周遊的時候需要這樣寫
      value: [] 
    }
  }
           

我的個人部落格位址:http://www.xiaolongwu.cn

github資源位址:vue – foreach not a function 或者map not a function的解決辦吧

我的CSDN部落格位址:https://blog.csdn.net/wxl1555

如果您對我的部落格内容有疑惑或質疑的地方,請在下方評論區留言,或郵件給我,共同學習進步。

郵箱:[email protected]