记录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');
}

欢迎评论共同学习,共同成长.