記錄iframe屬性src與srcdom動態切換

需求實現:

根據數據動態展現pdf或者html文件,前臺進行展現,綜合考慮iframe能夠二者同時實現,pdf展現經過後臺返回帶

data:application/pdf;base64,

格式的base64文件流放在src屬性後面能夠進行正常展現,若是是要展現html的話,能夠讓後端處理成帶html標籤的數據進行返回,放在srcdom屬性中能夠鄭州展現.

下面是代碼展現:
<iframe id="myNodeFrame" :src="linkAddress" :srcdoc="linkAddressDoc" ref="iframe" frameborder="0" width="100%" style="margin-top:10px;height:calc(100% - 15px);"></iframe>

經過方法動態展現:
tip: 這裏能夠根據本身需求來進行判斷,在何時須要什麼樣子的東西展現,若是不須要必須使用removeAttr方法移除此屬性,設置空值不起做用我已經測試過了.

if(data.fileType == 3) { //html
    this.linkAddressDoc = res.data;
    $('#myNodeFrame').removeAttr('src');
} else if(data.fileType == 2) { //pdf
    this.linkAddress = res.data;
    $('#myNodeFrame').removeAttr('srcdoc');
}

歡迎評論共同窗習,共同成長.