vue处理图片路径出问题时显示默认图片

<img v-bind:src="info.image" :onerror="default_img">

data () {

    return {

        default_img: 'this.src="' + require('../images/logo.png') + '"'

    }

},

注：是在data里就将字符串拼接好了，当然也可以在onerror方法里拼接

在v-bind标签中，单引号’ '引用的内容作为字符串存在；双引号" "引用的内容作为变量/表达式存在，可以进行运算。