vue中使用iframe引入帆软,如何切换页面时保留表格显示不刷新,现在一切换tab,回来后搜索条件还在,但帆软表格已经重新刷新变成空白页了。
不支持
虽然直接解决方案不可行,但可以考虑以下替代方案:
------------------------------
使用Vue的keep-alive组件:
将包含iframe的组件包裹在
可能无法完全解决iframe内部内容刷新的问题,因为iframe仍然是一个独立的浏览上下文。
会话存储或本地存储:
在切换页面之前,将帆软报表的状态(如搜索条件、筛选结果等)保存到会话存储(sessionStorage)或本地存储(localStorage)中。
当切换回包含iframe的页面时,从存储中恢复报表状态,并重新加载报表。
使用Vuex或类似状态管理库:
如果你的Vue应用已经使用了Vuex或类似的状态管理库,可以考虑将报表状态存储在Vuex store中。
这允许你在不同的组件之间共享和管理状态,从而在页面切换时保留报表状态。
优化iframe的使用:
考虑是否必须使用iframe来嵌入帆软报表。如果可能的话,探索其他嵌入方法(如使用帆软提供的JavaScript API)可能更容易管理报表状态