バインディングimg src

Question

Vueコンポーネントにimgタグがあり、Vuex状態にバインドされたsrc属性があります。

<img :src="this.$store.state.imageDataURI"> 

私はVuex（下記参照）でその状態オブジェクトを正常に更新しています。

しかし、imgタグはレンダリングされません（下記参照）。

これはゲッターで修正できますが、なぜこれが機能しないのか不思議です。私はこれがVueの反応性モデルと関係があると考えています。

アイデア？

Answer 1

バインディングを装着するとき、私は右のこのような問題を引き起こす可能性があります覚えていた場合、thisは必要とされていません。

また、imageStoreモジュールのように店舗構造があり、これはimageDataURI要素の名前空間になります。

試してみてください。

<img :src="$store.state.imageStore.imageDataURI">