Vue 怎么动态改变 image 内容

[line]

<img :src="b64img1"/>

data () {
    return {
     b64img1: '',
     b64img2: ''
    }
 }

这里 b64img1 的值变了， 图不会跟着变。 有什么 办法吗？

[temporary]

<img :key="b64img1" :src="b64img1" />

[Kasumi20]

为什么不会变？不分析以下原因吗？

[wunonglin]

请提供复现示例

[emeab]

```
Vue.set(this, "b64img1", this.b64img2)
```

[line]

想用 playgroud 复现没有成功， 最后用 canvas 解决了。 😂😂， 多谢各位答疑。

[towry]

神一样的解决办法

[tinyuu]

这么复杂吗？ 哈哈哈

[gouflv]

vue 是真的不错，总是能开出很多脑洞

[lichdkimba]

我试了下可以啊

为啥有两个变量 不是直接 this.b64img1 = 'xxx' 吗

[Rrrrrr]

哈哈，笑了

[err1y]

watch 变量，数据变化后 this.$forceUpdate()试试

[lybcyd]

https://codesandbox.io/s/priceless-heisenberg-mqzrr?file=/index.html
试了一下是完全正常的，你能贴出完整一点的代码吗？

[fpure]

你需要给出完整代码

[GzhiYi]

给 img 加 key 可解。