無法在模板中訪問Vue存儲中的獲得者

-1

我有一個具有以下呈現組件的組件（computed props）。它的作品，並顯示文本爲blopp但沒有blipp。在最終版本中，我希望它能夠生成從商店狀態帶來的字符串列表，並用作blipp。無法在模板中訪問Vue存儲中的獲得者

export default { 
    computed:{ 
    blopp: function(){ return "ghjk,l"; }, 
    blipp: function(){ return this.$store.getters.getBlipp(); } 
    } 
}

它是基於呈現以下template。

<template> 
    <div> 
    ... 
    <div v-bind:blopp="blopp">{{blopp}}</div> 
    <div v-bind:blipp="blipp">{{blipp}}</div> 
    </div> 
</template>

的store的implementation看起來像這樣使getters的公開論壇。

... 
const state = { blipp: [], ... }; 
const getters = { 
    getBlipp: function() { return state.Blipp; }, ... 
} 
export default new Vuex.Store({ state, mutations, actions, getters });

第二個組件根本沒有任何價值，我不確定在哪裏尋找原因。

我可能設置不正確，但它是很多移動部件，有點難以診斷爲無知的我。當我嘗試在控制檯中運行以下，

溫度。$ store.getters

我得到一個對象，列出這樣的干將。

... 
blipp:(...) 
get blipp: function() 
__proto__: Onject

不確定如何處理該信息...它似乎是一個函數，但是當我嘗試調用它時，它說它未定義。

來源

2016-12-02 Konrad Viltersten

干將功能以類似的方式，以狀態。因此，要解決這些問題，你調用的參數不是一個方法，即

blipp: function() { return this.$store.getters.getBlipp }

在這種情況下，你可能要重新命名getBlipp簡單blipp

我放在一起的jsfiddle這表明你可以與之交互的各種方式vuex的商店，希望它有助於：

Example Vuex JSFiddle

來源

2016-12-02 13:21:31 GuyC

哦，夥計......我得到了它從一開始就** **，但拼寫的屬性的名稱錯誤地（忘記了複數形式）。所以你的答案都證實我確實得到了這些東西**並證明我是一個懶惰的屁股開發者，他依賴於intellisense的力量，嘿嘿。愚蠢的JavaScript與它愚蠢的靈活性讓我感到愚蠢的不正確拼寫，哈哈哈哈。在小提琴上努力+1。這將有助於其他許多方面。非常感謝。 –

無法在模板中訪問Vue存儲中的獲得者

回答

相關問題