0

次のレンダリング(計算された小道具)を持つコンポーネントがあります。それは機能し、テキストは 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

その情報をどうするかわからない...関数のように見えますが、呼び出そうとすると未定義と表示されます。

4

1 に答える 1