export const go2Page=(url,title:string,handlerBack?:(flag:number,data?:any)=>void,isPage:boolean=true,size:'sm'|'lg'|"xlg"='lg')=>{ if(isPage){ history.push(url); return; } const all=[].concat(routerItemArray); const one= all.find((v,i)=>{ if(v.path.indexOf(':')!==-1){ const m1=new RegExp(v.path.replace(':id','\\w?')); return m1.test(url); }else{ return v.path===url; } }); const raw= one!=null?one.element:<div>没有找到</div>; const A :any=()=> (<div>{raw}</div>); return RvModal.open({ width: size==='sm'?400:(size==='lg'? 800:(size==='xlg'?1120:1200)), title: title||'查看', footer: null, onCancel: (args) => null, }, <A isPage={false} routePath={url} handlerBack={handlerBack||null}/>); } dialog= go2Page('/examine-flow-impower/'+value?.id,"审批流程授权",goBack,false);前端是这样跳转到修改页面的为什么 <Button onClick={() => {props.handlerBack?.bind(this, 0)}} style={{ marginLeft: "20px" }}>取消</Button> 取消没有反应

时间: 2024-04-13 18:24:55 浏览: 18
根据你提供的代码,我注意到你在`go2Page`函数中使用了`history.push(url)`来进行页面跳转。这是一种常见的前端路由操作,用于将用户导航到指定的URL。 至于取消按钮没有反应的问题,可能存在以下几个原因: 1. 未正确绑定`handlerBack`函数:请确保在调用`go2Page`函数时,正确地传递了`handlerBack`函数作为参数。并且在取消按钮的`onClick`事件中,正确地调用了`props.handlerBack?.bind(this, 0)`。如果未正确绑定函数,取消按钮点击后将不会触发任何响应。 2. `props.handlerBack`函数没有被正确传递:请检查调用`go2Page`函数时是否正确地传递了`handlerBack`函数作为参数。 3. `handlerBack`函数中存在其他问题:请确保在`handlerBack`函数中没有其他错误或逻辑问题,导致取消按钮点击后无法触发期望的操作。 另外,需要注意的是,你在取消按钮上使用了`props.handlerBack?.bind(this, 0)`来绑定事件。这里使用了可选链操作符(`?.`),它会在`props.handlerBack`存在时才执行后续的`.bind(this, 0)`。请确保你在使用可选链操作符时,`props.handlerBack`确实存在。 如果以上检查都没有解决问题,请提供更多相关代码和错误信息,以便我更好地帮助你解决这个问题。
相关问题

export const getSettingV2 =( params: SetTingV2Params ): Promise<IResponse<any>> => httpService1.post('getsettingv2', params). 这种写法如何指定参数放data还是params

在这个函数中,参数 `params` 是一个对象,因此如果要将它作为请求体(request body)发送,需要将它放在 `data` 字段中;如果要将它作为 URL 参数(query parameter)发送,需要将它放在 `params` 字段中。 在这个函数中,默认的请求方式是 POST,因此参数 `params` 会被放在请求体中。如果要将它放在 URL 参数中,可以将函数改为这样: ```typescript export const getSettingV2 = (params: SetTingV2Params): Promise<IResponse<any>> => { return httpService1.get('getsettingv2', { params }); } ``` 这里使用了 `httpService1.get` 方法来发送 GET 请求,同时将 `params` 参数放在 `params` 字段中,这样它就会被作为 URL 参数发送。

export const reqReg = (data: RegFormData) => request.post<any, LoginResponseData>(API.REG_URL, data)有什么用

这段代码是一个函数,用于向服务器发送 POST 请求,请求注册用户。其中: - `export` 表示将该函数导出,以便在其他文件中使用。 - `reqReg` 是函数的名称,可以自定义。 - `(data: RegFormData)` 表示该函数接受一个 `RegFormData` 类型的参数 `data`,用于传递需要注册的用户信息。 - `request.post` 表示使用 `post` 方法发送请求,`API.REG_URL` 是请求的 API 地址,`data` 是需要发送的数据。 - `<any, LoginResponseData>` 表示请求的返回值类型,其中 `any` 表示请求成功后返回的数据类型为任意类型,`LoginResponseData` 表示请求失败时返回的数据类型为 `LoginResponseData`。 - 整个函数的返回值为一个 Promise 对象,可以通过 `then` 方法获取请求成功后的返回数据,也可以通过 `catch` 方法获取请求失败后的返回数据。

相关推荐

import type { createI18n } from 'vue-i18n'; export let i18n: ReturnType<typeof createI18n>; type I18nGlobalTranslation = { (key: string): string; (key: string, locale: string): string; (key: string, locale: string, list: unknown[]): string; (key: string, locale: string, named: Record<string, unknown>): string; (key: string, list: unknown[]): string; (key: string, named: Record<string, unknown>): string; }; type I18nTranslationRestParameters = [string, any]; function getKey(namespace: string | undefined, key: string) { if (!namespace) { return key; } if (key.startsWith(namespace)) { return key; } return ${namespace}.${key}; } export function useI18n(namespace?: string): { t: I18nGlobalTranslation; } { const normalFn = { t: (key: string) => { return getKey(namespace, key); }, }; if (!i18n) { return normalFn; } const { t, ...methods } = i18n.global; const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => { if (!key) return ''; if (!key.includes('.') && !namespace) return key; return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters)); }; return { ...methods, t: tFn, }; } // Why write this function? // Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places // 为什么要编写此函数? // 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useI18n export const t = (key: string) => key;这段代码报错,帮忙重写

最新推荐

recommend-type

基于C语言+AT89C52单片机搭建的PID直流电机控制程序,用于Proteus电路仿真+源码+开发文档(高分优秀项目)

基于C语言+AT89C52单片机搭建的PID直流电机控制程序,用于Proteus电路仿真+源码+开发文档,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 项目简介: 本文所介绍的基于AT89C52单片机的PID直流电机控制系统设计过程主要分为MATLAB建模、Proteus硬件电路的设计以及基于C51语法的单片机程序开发编写。本系统性质为单闭环控制,即通过转速对电机进行调速;将采用增量式编码器进行电机转速的测量,并设定PWM波形生成的开关频率为7KHz,速度回路的采样周期为14ms。 1. 所需仿真平台 单片机部分代码主要利用Keil uVision5平台进行编译,工具链采用C51。仿真电路搭建平台为Proteus 8 Professional。 2. Release版本 编译后的运行环境为Atmel AT89C52单片机平台。 3. 运行 将已发布的HEX文件放入Proteus 8 Professional仿真平台或以上版本内运行即可; 可通过修改Proteus仿真文件方波的频率(开关频率)来改变PWM相应的频率;
recommend-type

基于.net8的物料管理系统

{FB0886BF-35E0-480F-8B15-E4D52B351628}
recommend-type

Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar

Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar Java开发案例-springboot-32-整合sharding-jdbc-源代码+文档.rar
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

MATLAB柱状图在信号处理中的应用:可视化信号特征和频谱分析

![matlab画柱状图](https://img-blog.csdnimg.cn/3f32348f1c9c4481a6f5931993732f97.png) # 1. MATLAB柱状图概述** MATLAB柱状图是一种图形化工具,用于可视化数据中不同类别或组的分布情况。它通过绘制垂直条形来表示每个类别或组中的数据值。柱状图在信号处理中广泛用于可视化信号特征和进行频谱分析。 柱状图的优点在于其简单易懂,能够直观地展示数据分布。在信号处理中,柱状图可以帮助工程师识别信号中的模式、趋势和异常情况,从而为信号分析和处理提供有价值的见解。 # 2. 柱状图在信号处理中的应用 柱状图在信号处理
recommend-type

HSV转为RGB的计算公式

HSV (Hue, Saturation, Value) 和 RGB (Red, Green, Blue) 是两种表示颜色的方式。下面是将 HSV 转换为 RGB 的计算公式: 1. 将 HSV 中的 S 和 V 值除以 100,得到范围在 0~1 之间的值。 2. 计算色相 H 在 RGB 中的值。如果 H 的范围在 0~60 或者 300~360 之间,则 R = V,G = (H/60)×V,B = 0。如果 H 的范围在 60~120 之间,则 R = ((120-H)/60)×V,G = V,B = 0。如果 H 的范围在 120~180 之间,则 R = 0,G = V,B =
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。
recommend-type

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依
recommend-type

MATLAB柱状图在数据分析中的作用:从可视化到洞察

![MATLAB柱状图在数据分析中的作用:从可视化到洞察](https://img-blog.csdnimg.cn/img_convert/1a36558cefc0339f7836cca7680c0aef.png) # 1. MATLAB柱状图概述** 柱状图是一种广泛用于数据可视化的图表类型,它使用垂直条形来表示数据中不同类别或组别的值。在MATLAB中,柱状图通过`bar`函数创建,该函数接受数据向量或矩阵作为输入,并生成相应的高度条形。 柱状图的优点在于其简单性和易于理解性。它们可以快速有效地传达数据分布和组别之间的比较。此外,MATLAB提供了广泛的定制选项,允许用户调整条形颜色、