vue中使用iframe引入帆软,如何切换页面时保留表格显示不刷新

vue中使用iframe引入帆软,如何切换页面时保留表格显示不刷新,现在一切换tab,回来后搜索条件还在,但帆软表格已经重新刷新变成空白页了。

FineReport AldxSfkI 发布于 2024-8-8 16:08
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
用户k6280494Lv6专家互助
发布于2024-8-8 16:09

不支持

最佳回答
0
ScyalcireLv7高级互助
发布于2025-6-4 09:00(编辑于 2025-6-4 09:00)

虽然直接解决方案不可行,但可以考虑以下替代方案:

------------------------------

  1. ‌使用Vue的keep-alive组件‌:

    • 将包含iframe的组件包裹在

    • 可能无法完全解决iframe内部内容刷新的问题,因为iframe仍然是一个独立的浏览上下文。

  2. ‌会话存储或本地存储‌:

    • 在切换页面之前,将帆软报表的状态(如搜索条件、筛选结果等)保存到会话存储(sessionStorage)或本地存储(localStorage)中。

    • 当切换回包含iframe的页面时,从存储中恢复报表状态,并重新加载报表。

  3. ‌使用Vuex或类似状态管理库‌:

    • 如果你的Vue应用已经使用了Vuex或类似的状态管理库,可以考虑将报表状态存储在Vuex store中。

    • 这允许你在不同的组件之间共享和管理状态,从而在页面切换时保留报表状态。

  4. ‌优化iframe的使用‌:

    • 考虑是否必须使用iframe来嵌入帆软报表。如果可能的话,探索其他嵌入方法(如使用帆软提供的JavaScript API)可能更容易管理报表状态

  • 3关注人数
  • 120浏览人数
  • 最后回答于:2025-6-4 09:00
    请选择关闭问题的原因
    确定 取消
    返回顶部