VUE默认图片处理

直接上代码：

<img
       class="left"
       :src="step.stepPicUrl == '' ? defaultPic : step.stepPicUrl"
        @click="itemPicClick(step.stepNum, step.stepPicUrl)"
 />

在vue中设置默认图片，如果直接写在src的属性里，那么可以用类似"../img/x.png"的string路径，但是如果在逻辑判断的代码中要使用默认图片，或者说用:src进行绑定的时候就不能类似的方法了。所需要的默认图片要用require的方法进行引入，就可以使用data中的数据了，如下：

defaultPic: require("../assets/img/pictute.png"),
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容