iframe 加载的页面不更新

iframe 元素会创建包含另外一个文档的内联框架,使用iframe嵌入的页面,会根据url路径发起请求,但是url中路径的参数没有变化时,iframe是不会更新内容的。

<iframe :src="url" style="height: 100%;width: 100%;border: none;"></iframe>

解决办法是对url进行赋值:

首先设置一个按钮

<a-button    @click="updateUrl"  >点击</a-button>

定义方法 updateUrl

import domain from '@/http/config'
const requestHost = domain.requestHost
 
 updateUrl () {
      let reqTime = new Date().getTime() + ''
      this.url = requestHost + `/ureport/preview?&reqTime=` + reqTime
    }

每次点击后,iframe就会发起请求内容从而刷新,否则点击一次按钮后再次点击会没有反应,刷新不了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值