VueJS(4)---圖片綁定

1、加載數據

public String detail() {        
    jsonRoot.put("data", service.detail(ad.getId() == null ? -1 : ad.getId()));
    jsonRoot.put("success", true);
    return SUCCESS;
}

2、請求數據
1）主頁點擊標題跳轉到明細：

<a href="javascript:void(0)" v-html="d.title" v-on:click="popupDetail(d)"></a>

2）實現方法

popupDetail: function (row) {
    var thisVue = this;
    thisVue.detailData = {};

    $.ajax({
        url: base + "/ad/detail.do?ad.id=" + row.id,
        type: "post",
        success: function (res) {
            if (res.success && res.data) {
                thisVue.detailData = res.data;
            }
        }
    });

       $("#popup_detail").modal();
   },

3、在明細頁面顯示

<img v-bind:src="detailData.imagePath"/>

—————————————————————————————————————————————————–

java架構師項目實戰,高併發集羣分佈式,大數據高可用視頻教程，共760G

下載地址：

https://item.taobao.com/item.htm?id=555888526201

01.高級架構師四十二個階段高
02.Java高級系統培訓架構課程148課時
03.Java高級互聯網架構師課程
04.Java互聯網架構Netty、Nio、Mina等-視頻教程
05.Java高級架構設計2016整理-視頻教程
06.架構師基礎、高級片
07.Java架構師必修linux運維繫列課程
08.Java高級系統培訓架構課程116課時
+
hadoop系列教程，java設計模式與數據結構， Spring Cloud微服務， SpringBoot入門
—————————————————————————————————————————————————–