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入门
—————————————————————————————————————————————————–