VUE圖片顯示,圖片動態拼接host的方法

 getBanner:function(){
                const params = new URLSearchParams();
                params.append('token', this.token);
                axios({
                    url:host+'Sys/findAllBanner',
                    method:'post',
                    data:params
                }).then((res) => {
                    console.log(res)
                    if(res.data.code==0){
                        // this.bannerList
                        this.bannerList = res.data.list
                        for(var i =0 ;i<this.bannerList.length;i++){
                            this.bannerList[i].img =                     
                                "http://xx.cn"+this.bannerList[i].img
                        }
                        this.total =res.data.list.length
                    }else{
                        layer.msg("獲取失敗")
                    }
                })
  },
    
<tr  v-for="item in bannerList">
     <td>
                        <img :src="item.img" height="100">
    </td>
</tr>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章