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

快来打我* 2022-12-30 13:32 134阅读 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 条评论，134人围观）

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

相关阅读

相关 uni-app开发在线预览pdf（h5/app）

本人亲测可用哦！核心：pdf插件+web-view pdf插件获取地址 [https://github.com/DonnaLh/-pdf-/tree/master][ht

绝地灬酷狼/ 2023年03月03日 11:18/ 0 赞/ 30 阅读

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

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

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

相关 uniapp H5 JSSDK封装使用

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

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

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

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

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

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

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

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

相关 H5唤醒APP

支付宝 [https://ds.alipay.com/?from=mobileweb][https_ds.alipay.com_from_mobileweb]

忘是亡心i/ 2022年08月22日 14:20/ 0 赞/ 235 阅读

相关 H5+app开发概述

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

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

相关 H5唤醒APP

H5 唤醒APP功能最近遇到一个需求，需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转

冷不防/ 2022年02月26日 05:06/ 0 赞/ 264 阅读

相关 uniapp h5打包发布

1、在项目的manifest.json中 h5配置,配置页面标题即可 2、hbuilderX中点击发行网站-H5手机版 3、在打包后的文件夹中，命令行输入打开

缺乏、安全感/ 2021年07月24日 12:59/ 0 赞/ 708 阅读

相关 H5开发app用什么框架

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

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