在项目渲染图片时，图片已加载出来但继续报错：Error in render: “TypeError: Cannot read property ‘replace‘ of undefined“

在写项目时，为了检测是否可以拿到图片时，发现拿得到图片，但一直在报错。经过分析后发现应该是因为在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">