render函數生成圖片彈窗實例(本身項目實際代碼）

項目中列表顯示縮略圖，決定作一個雙擊的圖片彈窗效果，項目用的iview的UI框架，用到Modal組件的，如下是render函數生成的圖片彈框的原始代碼。雙擊動做調用showLargeImage方法，如下是雙擊動做的原始代碼

showLargeImage(item){
    console.log(111);
    if(!item.img_url){
        this.$Message('未獲取到圖片！');
        return;
    }
    this.$Modal.confirm({
        width:444,
        render: (h) => {
            return h('img', {
                'class':'render_img',
                attrs: {
                    src: this.api.baseURL+item.img_url,
                    width:400,
                },
            })
        }
    })
},

render中第一個箭頭函數的參數h就是createElement方法，createElement的第一個字符串形式的參數img是標籤。

第二個參數是一個對象，定義了圖片的class，attrs裏src是圖片路徑，width定義了圖片顯示的寬度，這個寬度值能夠根據Modal寬度大小對應作調整。