次のレンダリング(計算された小道具)を持つコンポーネントがあります。それは機能し、テキストは blopp の場合と同じように表示されますが、blippの場合は何も表示されません。最終バージョンでは、ストアの状態から取得した文字列のリストを生成し、blippとして機能させたいと考えています。
export default {
computed:{
blopp: function(){ return "ghjk,l"; },
blipp: function(){ return this.$store.getters.getBlipp(); }
}
}
次のテンプレートに基づいてレンダリングされます。
<template>
<div>
...
<div v-bind:blopp="blopp">{{blopp}}</div>
<div v-bind:blipp="blipp">{{blipp}}</div>
</div>
</template>
ストアの実装は、 getterをオープン フォーラムに持ち込む次のようになります。
...
const state = { blipp: [], ... };
const getters = {
getBlipp: function() { return state.Blipp; }, ...
}
export default new Vuex.Store({ state, mutations, actions, getters });
2 番目のコンポーネントにはまったく価値がなく、原因を探す場所がわかりません。
私はおそらく間違って設定しましたが、多くの可動部分があり、無知な私にとっては診断が少し難しいです. コンソールで以下を実行しようとすると、
temp.$store.getters
このようなゲッターをリストするオブジェクトを取得します。
...
blipp:(...)
get blipp: function()
__proto__: Onject
その情報をどうするかわからない...関数のように見えますが、呼び出そうとすると未定義と表示されます。