关于前端:记录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');}

欢送评论独特学习,独特成长.