使用vue2给img标签动态绑定上了值,值改变了,但页面中的src还是为之前的值
时间: 2024-02-12 13:05:29 浏览: 61
关于vue v-for循环解决img标签的src动态绑定问题
这个问题可能是因为Vue的响应式系统默认不会检测到属性值的变化,引起的。为了解决这个问题,可以使用Vue.set方法强制更新img标签的src属性。
假设你的img标签绑定的属性名为imageUrl,可以像下面这样使用Vue.set进行更新:
```
Vue.set(this.$data, 'imageUrl', newImageUrl);
```
其中,this.$data代表Vue实例的数据对象,'imageUrl'是要更新的属性名,newImageUrl是新的属性值。
这样,在imageUrl属性值改变后,Vue会检测到这个变化并自动更新视图中的img标签。
阅读全文