【动作】-路由动作跳转后如何主动刷新页面数据

介绍

当我们使用多tab组件的时候,如果一个viewAction已经打开了一个tab页,再次用该viewAction打开页面的时候,会发现不会根据路由上的业务参数(如详情和编辑页的id参数)主动刷新数据,这个时候可以通过以下方法解决该问题

// 该方法可以在进入新路由页面后刷新数据,推荐将该方法放到工具类
function refreshViewAction(action: any) {
  const onRefreshTabWithActive = (manager: MultiTabsManager, instance: MultiTabInstance) => {
    // 进入路由后刷新页面数据
    manager.refresh(instance.key);
    manager.clearOnActive(onRefreshTabWithActive);
  };

  MultiTabsManager.INSTANCE.onActive(onRefreshTabWithActive);

  executeViewAction(action);
}

将原本调用executeViewAction的方法改为refreshViewAction

如果需要扩展executeViewAction的其他入参请自行拓展refreshViewAction的入参

Oinone社区 作者:nation原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/di-wu-yi-ti/13737.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
nation的头像nation数式员工
上一篇 2024年6月17日 上午10:36
下一篇 2024年6月18日 下午9:04

相关推荐

  • 如何自定义指定页面的样式

    可以通过在layout上给页面元素加css的class来解决此问题 import { registerLayout, ViewType } from '@kunlun/dependencies'; export const install = () => { registerLayout( ` <!– 给视图加class -…

    2024年8月16日
    6700
  • 树型表格全量加载数据如何处理

    阅读该文档的前置条件 【界面设计器】树形表格 1.前端自定义表格组件 import { ActiveRecord, BaseElementWidget, Condition, Entity, SPI, TableWidget, ViewType } from '@kunlun/dependencies'; @SPI.ClassFactor…

    2024年8月17日
    5200
  • 主题设置-设置表格全局样式

    在启动工程的main.ts通过主题配置表格全局样式 registerThemeItem('demoTheme', { 'table-config': { // 是否带有边框 default(默认), full(完整边框), outer(外边框), inner(内边框), none(无边框) border: '…

    2024年8月2日
    27800
  • 前端-如何修改指定页面的内组件的css样式

    为组件加自定义class,用该class作为父选择器写特定的css样式 以form为例,自定义了以下class <view/>标签的表单视图(FormView)组件 <element/>标签的form(FormWidget)组件 <element/>标签的actionBar(ActionBarWidget)组件 impor…

    2024年6月17日
    19800
  • 如何提高自定义组件的开发效率

    引言 本文将通过前端的开发者模式带领大家提高自定义组件的开发效率 支持2024年9月6日之后用npm i安装的4.7.x之后的所有版本 介绍前端开发者模式 开发者模式的特性 浏览器控制台可以看到更多利于开发的日志输出 页面顶部状态栏消息模块的轮询接口,将只在页面刷新后请求一次,这样会减少开发阶段不必要的请求,以及解决后端断点调试的时候被消息轮询干扰的问题 页…

    2天前
    51800

发表回复

登录后才能评论