在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 計算屬性

vue 計算屬性

下面是寫的一個計算屬性，但是 span里不顯示， console.log 都能打印

是哪出了問題

<span>{{areaUser}}</span>


  computed: {
    // 所屬用戶
    areaUser: function () {
      this.areaOptions.forEach( (element, index) => {
        if (element.id === this.temp.areaId) {
          console.log('這里可以打印')  
          return 11111111
        } 
      })
    }
  }
回答
編輯回答
念舊

computed 的返回值會作為 最終結(jié)果。
因為 computed 只寫一個函數(shù)的時候，會被轉(zhuǎn)化成一個 get 函數(shù)。

    computend: {
        foo() {
            return this.dataArray.map(v=>v.id)
        }
    }
2018年4月26日 16:55
編輯回答
情殺

clipboard.png
外層函數(shù)必須返回一個結(jié)果。

areaUser: function () {
  let value = "";
  this.areaOptions.forEach( (element, index) => {
    if (element.id === this.temp.areaId) {
      console.log('這里可以打印')  
      value = 1111111; //這里可以打印沒有用?。?！，必須把值傳出去
      return 11111111
    } 
  });
  return value;//computed函數(shù)必須有返回值
}
2017年6月5日 17:55
編輯回答
貓館

計算屬性需要一個返回值作為計算的結(jié)果的，你這里return了，但是是forEach的回調(diào)函數(shù)return的，不是計算屬性return的，你需要作如下修改

areaUser: function () {
    var a;
    //forach無法退出循環(huán)，可能造成不必要的性能消耗，這里換成some
    this.areaOptions.some( (element, index) => {
        if (element.id === this.temp.areaId) {
            console.log('這里可以打印')  
            a = 11111111
            return true
        } 
    })
    return a
}
2017年8月22日 23:40