vue项目中在绑定图片时如何添加图片域名

Question

vue项目中绑定图片路径时，后台返回的图片路径不包含域名，需要前端拼接，则如何？

    <div class="goods-item">
        <img :src="msg.image" alt="这是商品图片">
        <p class="goods-title">{{msg.name}}</p>
        <div class="goods-details">
            <div class="goods-value">{{msg.price}}</div>
            <div class="exchange-num">
                <span>{{msg.sale_num}}</span>
                人已兑换
            </div>
        </div>
    </div>

<img :src="msg.image" alt="这是商品图片">

Answer 1

那就前端拼接啊...
可以在js里拼好，msg.image=this.domain+msg.image
也可以直接写在:src表达式里，:src="domain+msg.image"

Answer 2

<img :src="'http://www.baidu.com/' + msg.image" alt="这是商品图片">

Answer 3

楼上正解

<img :src="'http://www.baidu.com/' + msg.image" alt="这是商品图片">

你还可以写一个存放全局变量的js（根据实际情况来定义），比如

// 网站全局变量
let DomainName = 'xxx'    // 域名

module.exports = {
  DomainName
}

这样以后调用方便很多