美文网首页uni-appuin-appuni-app交流圈
vue之img标签:src地址拼接

vue之img标签:src地址拼接

作者: 瑟闻风倾 | 来源:发表于2019-08-08 12:50 被阅读1次

备注:后台返回图片的相对路径,需拼接网络地址前缀http://yang.liy.com.cn:8080/

data () {
        return {
            images:[
                 "/image/201907/chicken1.jpg",
                 "/image/201907/chicken2.jpg",
                "/image/201907/chicken3.jpg"
            ],
        }
    },

<swiper class="screen-swiper round-dot" style="min-height: 100%;" :indicator-dots="true" :circular="true" :autoplay="true" 
                        interval="5000" duration="500" indicator-color="#8799a3" indicator-active-color="#0081ff">
    <swiper-item v-for="(item,index) in images" :key="index">
        <!-- <image :src="item" mode="aspectFill"></image> -->
        <image :src= "getImgUrl(item)" mode="aspectFill"></image>
    </swiper-item>
</swiper>
getImgUrl:function(item){
     return _self.siteBaseUrl + item;
},

相关文章

网友评论

    本文标题:vue之img标签:src地址拼接

    本文链接:https://www.haomeiwen.com/subject/rzxxjctx.html