uni-app 开发 h5/app使用prevPage.setData

快来打我* 2022-12-30 13:32 153阅读 0赞

uni-app中的这一串代码,我估计只有在小程序中才会生效,反正h5,和app中没有生效

let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。
    			
     let prevPage = this.getT == 0 ? pages[pages.length - 3] : pages[pages.length - 2];
    
    //下面这句是关键,因为这里我们使用的时候,通常都想将当前页面的值直接带到跳转的那个页面,并改变跳转那个页面上对应的值
    
     prevPage.setData({
            meetingStartTime,
           
    });

但是很难过,编译到h5和手机上都不生效,查了很多,发现uni-app中的 uni.$emit('eventName',\{params\}) 这个方法很好用

但是官方的使用例子包括了 uni.$on() , uni.$off()的使用,然后我发现我们在跳转页面使用 eventName 这个方法的时候,需要先使用 uni.$on()监听一下,不然是无法使用到 eventName

传参页面

uni.$emit('updateData',{
    	meetingStartTime:meetingStartTime ,
    })

跳转页面

onShow() {
    
        uni.$on('updateData',this.updateData)
    },
    methods:{
    
        updateData(e){
    			
    				this.meetingStartTime = e.meetingStartTime ,
    				
    			
        },
    }

然后将其他操作放在这个方法之后就可以了,跟小程序的显示效果就差别不大了

好像也可以这样写

<view @updateData="updateData"></view>
    
    
    //js
    methods:{
        updateData(e){
            console.log(e)
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关【uniapp】H5+、APP模拟浏览器环境内部打开网页

今天将智能体嵌入到我的项目中，发现webview无论H5怎么登录都是未登录，而APP却可以，于是进行了测试，发现以下几种情况：通过uniapp条件编译，区分H5和APP编...

╰半夏微凉°/ 2024年05月06日 21:17/ 0 赞/ 89 阅读

相关使用uni-app开发（h5、小程序、app）步骤

uni-app介绍 `uni-app` 是一个使用 [Vue.js][] 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序

川长思鸟来/ 2023年07月18日 02:41/ 0 赞/ 20 阅读

相关 uniapp、nativeJS、H5+退出APP应用(IOS+安卓)

uniapp、nativeJS、H5+退出APP应用(IOS+安卓) [\[点击此处文字，扫码进入此链接可阅读原文\] https://mp.weixin.qq.com/s

一时失言乱红尘/ 2023年03月03日 14:25/ 0 赞/ 53 阅读

相关 uniapp开发的安卓app使用webview调起微信h5支付

好迂回曲折的一次经历，必须记录。近期使用uniapp开发了一个安卓app，由于申请微信App支还没有通过，于是就尝试一下用webview调起微信h5支付。如是此研究了一

男娘i/ 2023年02月16日 00:57/ 0 赞/ 20 阅读

相关 uni-app 开发 h5/app使用prevPage.setData

uni-app中的这一串代码,我估计只有在小程序中才会生效,反正h5,和app中没有生效 let pages = getCurrentPages(); //获取当前页

快来打我*/ 2022年12月30日 13:32/ 0 赞/ 154 阅读

相关 uniapp H5 JSSDK封装使用

先看效果吧，封装以后使用很方便，两行代码就能得到微信网页开发中的 jssdk 的 wx.config 执行了 wx.ready 还是 wx.error ，如果返回 true

朱雀/ 2022年12月20日 05:35/ 0 赞/ 349 阅读

相关 uni-app开发H5使用vue-router

> uni-app没有vue-router如果要使用vue-router可以使用 uni-simple-router > uni-simple-router文档地址 [ht

妖狐艹你老母/ 2022年11月09日 14:14/ 0 赞/ 518 阅读

相关 uni-app - 使用echarts 图表（H5、APP）

效果图 ![在这里插入图片描述][20210526114618873.png] 简介 > 示例中代码干净整洁，详细的使用方法与注意事项。 uni-app 项目中

比眉伴天荒/ 2022年10月16日 01:49/ 0 赞/ 335 阅读

相关 H5+app开发概述

HTML5 Plus应用概述 HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS A

旧城等待，/ 2022年04月23日 00:44/ 0 赞/ 234 阅读

相关 H5开发app用什么框架

H5开发app用什么框架 jquery mobile框架 jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移...

灰太狼/ 2020年06月08日 16:53/ 0 赞/ 802 阅读