【JOC】不同页面/组件之间通讯交互数据


组件之间和父级交互数据一般可以通过 props以及event实现。

除了这两种方式,JOC还提供了事件总线方案:mitt

使用

JOC框架中考虑到后期可能把表单编辑页单独出一个URL,因此可采用这种方式,在编辑页更新数据后,列表页中自动刷新数据状态

注入:

C# 全选
// 声明事件总线
const emitter: any = inject('emitter');

// 发起事件
emitter.emit('setDialogRelationData', { bindRelationKey: props.bindRelationKey, ...data })


// 监听事件
emitter.on('setDialogRelationData', (data: any) => {
    if (data.bindRelationKey != props.bindRelationKey) {
      return
    }
    // 处理业务逻辑
    ...
  })

应用参考

弹窗选择组件SelctData 发起选择,然后在关联属性组件InputRelationProperty中监听,可显示某些属性的值

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
评论列表

发表评论

评论内容
昵称:
关联文章

JOC不同页面/组件之间通讯交互数据
不同页面之间通讯交互数据;明细页保存后刷新A页面数据
VUE3版本 页面切换后数据丢失问题
兼容不同时区时间戳方案
公共数据字典选择组件SelectCommonDict
基于欧姆龙PLC#FinsTcp协议上位机通讯(二)-C#通讯模块开发
joc-button和joc-link 启用确认操作usePopConfirm后,v-permission指令冲突
JOC.EFCore使用
.Net 下高性能分表分库组件-连接模式原理
基于欧姆龙PLC#FinsTcp协议上位机通讯(一)-PLC配置
.NET6中一些常用组件的配置及使用记录,持续更新中。。。
页面没有缓存,Keep-alive失效
省市区选择组件
JOC.Framework 小程序uni-app添加全局水印
单表演练之产品资料,辅助组件ViewDataBinding模式
vue 编译不同环境
文件图片上传组件使用
省市区选择组件SelectArea
Element-UI省市区选择组件city-picker
iNeuOS工业互联网操作系统,增加DTU与平台实时交互的应用场景