Binding img src

Question

У меня есть img тег в компоненте Vue с привязным атрибутом src к состоянию Vuex.

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

Я успешно обновляю этот объект состояния в Vuex (см. Ниже).

Однако тэг img не отображается (см. Ниже).

Я могу исправить это с помощью геттеров, но просто любопытно, почему это не работает. Я подозреваю, что это связано с моделью реактивности Vue.

Любые идеи?

Answer 1

При подключении к привязок, this не нужен, и если я помню право может вызвать такие проблемы, как это.

Также ваша структура магазина выглядит так, как будто у вас есть модуль imageStore, это будет пространство имен элемента imageDataURI.

Try:

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