Vuejs在由方法返回的對象中顯示一個值

我只想在方法返回的對象內顯示'name'值。Vuejs在由方法返回的對象中顯示一個值

當前顯示的是：[{ 「城市」：「渥太華」，「名」：「參議員」，「省」：「安大略」，「.KEY」：「-Kp00XARET2EDFRZVMks」}]
我想顯示的是「參議員」。

這裏是我的代碼片段：

... in the template  
<td>{{props.item.away}} {{ teamDetail(props.item.away) }}</td> 

... in the script 
methods: { 
     teamDetail(inpt) { 
      return this.teams.filter((team) => { 
       return team['.key'] == inpt; 
      }) 
     },

props.item.away是發送到teamDetail檢索特定團隊的對象。關鍵，該對象在這種情況下返回是[{ 「城市」：「渥太華」，「名稱」：「參議員」，「省」：「安大略省」，「.key」：「-Kp00XARET2EDFRZVMks」}]

只顯示「名稱」模板{{teamDetail（props.item.away）.name}}和方法中的過濾器中

我還試圖使用計算，但我不能與 'this.props.item.away'

computed: { 
     teamDtl() { 
      return this.teams.filter((team) => { 
       return team['.key'] == this.props.item.away; 
      }) 
     },

來源

2017-08-15 gvon79

該對象被包裝在一個數組中。是否{{teamDetail（props.item.away）[0] .name}}' –

{{teamDetail（props.item.home）[0]}}確實隔離了對象，{{teamDetail（props.item。 home）[0] .name}}會生成以下錯誤：渲染函數錯誤：「TypeError：無法讀取未定義的屬性'名稱' – gvon79

您需要檢查未定義的，然後。可能會變得很複雜，你應該爲它計算一下，而不是試圖將表達式放在你的模板中。 –

這個工作訪問密鑰 - {{teamDetail（props.item.away）[0]。名稱}}

錯誤發生在從數據庫返回的數據中。

來源

2017-10-25 00:02:02 gvon79

Vuejs在由方法返回的對象中顯示一個值

回答

相關問題