在写项目时,为了检测是否可以拿到图片时,发现拿得到图片,但一直在报错。经过分析后发现应该是因为在data中我的info最初设置为''导致,问题代码:
<div>
<header>{{this.topic}}</header>
<section >
<img :src="info.img | img('192.270')" :alt="this.info.nm">
</section>
</div>
...
data(){
return {
url:'/mmdb/movie/v5/'+this.$route.params.id+'.json',
topic:'影片详情',
info:''
}
},
这就会导致虽然在渲染时是没有问题的,但是在渲染之前info.img是无法得到的,为了解决这个问题,可以在img中加入一个v-if来确保不会产生报错
<img v-if="info.img" :src="info.img | img('192.270')" :alt="this.info.nm">