v-bind:src不能成功渲染
比如我一个页面的初始化数据里定义一个空对象
data () {
return {
community: {},
}
},
而我的<img>标签的写法是
<img class="uploadImageDiv" mode="aspectFill" :src="community.avatarUrl"/>
当我第一次给community赋值的时候
this.community.avatarUrl = 'XXXXX.png'
讲道理img标签会立即渲染吧? 但是并没有。为什么呢?
估计跟我定义了一个对象有关? 因为我如果直接在data里定义一个avatarUrl='XXXXX.png'且 <img class="uploadImageDiv" mode="aspectFill" :src="avatarUrl"/>的时候是可以直接渲染的
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(6)
因为压根没有观察
community.avatarUrl
这个属性。set
或者
没渲染出来 说明你讲道理没有跟vue讲通,1.直接在data定义img的src的路径,2.如果想this.community.avatarUrl这种方法,请查看vue新增对象的响应式怎么写
vue监测不到对象新增属性,要不就再定义的时候就定义号 如同楼上写的
文档里都有。。
没渲染出来 说明你讲道理没有跟vue讲通
由于
JavaScript
的限制,Vue
不能检测对象属性的添加或删除正确的写法
this.$set(this.community,'avatarUrl', 'XXXXX.png');
多谢各位大佬! 很清楚!