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

问题描述

问 题

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="这是商品图片">

解决方案

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

这篇关于vue.js - vue项目中在绑定图片时如何添加图片域名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！