首页 > 编程语言 >uniapp小程序页面跳回携带参数

uniapp小程序页面跳回携带参数

时间:2023-11-07 20:44:10浏览次数:29  
标签:uniapp 跳回 pmodel object let 一页 pages 页面

B返回A

1.B跳回事件

let pages = getCurrentPages(); // 当前页页⾯实例
                let nowPage = pages[pages.length -1]; //当前页⾯实例
                let prevPage = pages[pages.length -2]; // 上一页面实例
                // 需要返回 上一页的数据 Object
                prevPage.$vm.prevDateFun(JSON.stringify(this.pmodel)) // 调用上一页 定义的方法
                // 返回 上一页
                uni.navigateBack({
                  delta:1 // 可以不写,默认值为 1
                })

2.A接收事件

prevDateFun(object) {
            let pmodel = JSON.parse(object)
                this.model.caseWorkPartyModelList.push(pmodel)
                console.log('当事人',object)
 },

标签:uniapp,跳回,pmodel,object,let,一页,pages,页面
From: https://www.cnblogs.com/prince11/p/17815900.html

相关文章

  • uniApp:使用vue3+Vite4+pinia+sass技术栈构建(03)-封装对象类
    1.在src文件夹创建models文件夹import{user}from"@/service/api"//用户信息返回的数据类型interfaceuserInfoType{username:string,phone:string}//返回类型interfaceResultType<T>{errno:number,errmsg:string,datas:T}classuser......
  • uniapp之文件保存
    uniapp之文件保存文件保存分几种情况:1.网络文件保存:使用uni.downloadFile创建临时文件地址,然后使用uni.saveFile保存uni.downloadFile({//下载 url:path, success:(res)=>{ if(res.statusCode==200){ uni.saveFile({ tempFileP......
  • uniapp做移动端手写签名生成图片
    1、电子签名电子签名目前已经有很多现成的插件,所以我这里直接选择了一个,有需要的可以看下https://ext.dcloud.net.cn/plugin?id=4354代码如下:HTML:<viewclass="content"> <viewstyle="width:750rpx;height:400px;"> <l-signaturedisableScrollbackgroundColor="......
  • 单个Nginx发布多个react静态页面
    在有些网络环境中,端口是一种比较稀缺的资源,而我们又恰好有多个前端项目需要发布,我们可以采取将多个项目映射到同一个端口上面的方案加以解决。本教程前端项目主要以react为主,部署在linux服务器上。1.将项目资源的访问地址修改为相对方式在react项目package.json中,添加或者修改......
  • 通过 SAP UI5 IconTabBar 控件结合 FlexibleColumnLayout 实现多页面 Master-Detail
    本文也是来源于网络上一位朋友的咨询,这是这位朋友实际项目中的真实需求。本文介绍了一个实际项目中开发需求的详细实现过程。通过使用SAPUI5IconTabBar控件,我们可以让逻辑上属于不同业务范畴的界面,通过点击对应的Icon,以切换的方式,在同一块屏幕区域显示出来。IconTabBar结......
  • JS脚本实现刷新页面,随机加载背景图片
    新建switch.js,内容如下: varimgs=[ "https://mlabs.gitee.io/pics/webp/tiankong002-mid.webp", "https://mlabs.gitee.io/pics/webp/wallhaven-gp1q87.webp", "https://mlabs.gitee.io/pics/webp/shanshui007sm......
  • uniapp实用功能代码(小程序支付,图片保存,返回刷新,分享到朋友圈)
    1.uniapp小程序支付:uni.request({url:"http://xxxxxx/payOrder",//后端接口返回调起支付需要的参数data:{userId:1,//此接口需要的参数一般有多个此仅为示例},method:"POST",success:(res)=>{console.log(res.data,"这......
  • 项目中难点-页面点击“取消”按钮实现无感刷新--reload
    1、在App.vue页面中注册provide中定义reloadprovide(){return{reload:this.reload}} 2、在App.vue页面中的methods中定义方法reload目的通过控制router-view的显示与隐藏进行重新加载页面,实现无感刷新。reload(){this.isRouterAlive=falsethis.$next......
  • 项目中难点-A页面中填写查询条件并查询出表格数据后,点击详情跳转页面B,B页面返回A页面
    页面缓存keep-alive1、在路由routes中配置需要进行缓存的页面keepAlive:truemeta:{keepAlive:true,title:"页面名称",}如图: 2、在router-view显示的入口页面APP.vue中,对需要的页面进行缓存<template><divid="app"><router-viewv-if="!$route.meta.kee......
  • 超链接-跳转页面,跳转到文件,锚点
    一、<ahref="链接路径">链接名字</a>一般是默认效果,在当前页面中打开二、在当前页面打开页面:target="_self"<ahref="链接路径" target="_self">链接名字</a>三、在新标签打开页面:target="_blank"<ahref="链接路径"target="......