绑定img src

Question

我在 Vue 组件中有一个 img 标签，它绑定了 src 属性到 Vuex 状态。

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

我正在 Vuex 中成功更新该状态对象（见下文）。

但是 img 标签没有被渲染（见下文）。

我可以用吸气剂解决这个问题，但只是想知道为什么这不起作用。我怀疑这与 Vue 的反应模型有关。

有什么想法吗？

Answer 1

附加到绑定时，不需要 this，如果我没记错的话可能会导致这样的问题。

而且你的商店结构看起来像你有一个模块 imageStore 这将是 imageDataURI 元素的命名空间。

尝试：

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