开发指南035-刷新待办

简介: 这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系

这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系。当然这两个系统都是同一个浏览器打开的。跨域页面通讯技术的核心是:消息监听。

      1、门户主界面的vue页面的create中挂接消息监听:

            let that = this

            window.addEventListener("message", e => {

               that.doMessage(e);

            });

           methods定义消息处理函数      

          doMessage(e) {

           if (e.data == "refreshTodo") {

                 调用待办组件的刷新方法

           }

          }

     2、业务系统

         qlm_commonfuns.js中定义了刷新方法:

         export function refreshTodo(){

           if (window.opener){

             window.opener.postMessage("refreshTodo","*")

         }

         }

         调用后台处理业务成功后调用该函数即可。

        这里的关键点是门户打开业务系统链接要使用window.open函数

相关文章
|
1月前
|
前端开发 NoSQL Redis
开发指南071-进度展示
前端发起一个比较长时间的服务,需要在前端刷新实时进度,告诉用户进展
|
5月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
86 0
|
2月前
|
API 微服务
开发指南042-产生待办
整个平台待办是统一处理的,各业务微服务需要产生待办时调用系统API
|
5月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
47 0
|
5月前
|
JSON 小程序 数据库
【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)
【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)
140 0
|
6月前
|
Web App开发 缓存 运维
数据管理DMS产品使用合集之遇到通知管理点击修改后出现白屏或部分白屏的情况,一般是什么导致的
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
54 0
|
7月前
|
搜索推荐
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。(一)
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。
【sgUploadTray_v2】自定义组件:升级版上传托盘自定义组件,可实时查看上传列表进度,可以通过选项卡切换上传中、成功、失败的队列,支持翻页,解决了列表内容太多导致卡顿的情况。(一)
|
7月前
【sgUploadTray】自定义组件:上传托盘自定义组件,可实时查看上传列表进度。
【sgUploadTray】自定义组件:上传托盘自定义组件,可实时查看上传列表进度。
|
存储
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(上)
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(上)
110 0
|
存储
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(下)
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(下)
228 0