uini-app 使用uni.avigateBack 返回页面并传参

最新推荐文章于 2024-07-16 15:37:27 发布

A这瓜保熟吗

最新推荐文章于 2024-07-16 15:37:27 发布

阅读量202

点赞数

分类专栏： uniapp 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/wswyz/article/details/128832860

版权

uniapp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在移动应用开发中，B页面通过uni.navigateBack方法返回A页面，并携带参数1001。使用getCurrentPages获取页面栈，通过setData设置A页面的数据，A页面在onShow生命周期事件中接收到并打印了参数。

摘要由CSDN通过智能技术生成

有A,B两个页面，B页面返回到上个页面A，并且把参数带过去

B页面跳转的代码

let pages = getCurrentPages(); 
let prevPage = pages[pages.length - 2]; //上一个页面 
prevPage.setData({ 
				    "id":1001, //带过去的参数
				}) 
uni.navigateBack();

A页面接收的代码

onShow() {
			let pages = getCurrentPages();
			let currPage = pages[pages.length - 1];
			console.log(currPage.data.id) //接受的参数1001
		},

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

A这瓜保熟吗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uni-app 中应用H5+自定义二维码扫码界面

johnny_YANG的博客

05-06

1万+

前段时间因项目需求，要在uni-app的扫码uni.scanCode(OBJECT)，中并没有自定的参数或者接口，所以自己用H5+搞了个扫码界面，这里做一下记录，就算是一个轮子。下面开始造轮子。 1，创建一个.vue的页面文件。因为我这需求是全屏的扫码，所以在pages.json 中设置去掉原生导航栏 2,开始在页面中绘制界面如图我们看到有内容，返回箭头，标题，提示文本信息，扫...

uni-app 启动广告页

漂泊的专栏

11-24

3637

最近公司要求在项目启动时，增加个性化图片页面， 1 在跟目录新建hybrid 文件夹代码结构如下 advertise.html 代码，该代码时拷贝的别人的，忘了是谁的了如有维权，请及时联系 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"&g.

参与评论您还未登录，请先登录后发表或查看评论

uniapp中uni.navigateBack()；传参

weixin_47826037的博客

12-07

553

// B页面 let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; //上一个页面 this.lablelist.forEach(el => { if (el.seclect) { object.push(el) } }) prevPage.$vm.getParams(object); //重点$vm uni.navigateBack(); /

uniapp中navigateBack的传参与接收

weixin_45586695的博客

10-06

3163

//index.vue页面 <template> <view class="content"> <view class="title"> <button @click="goPage" type="default">跳转</button> </view> <view class="">class页传回来的字段：{{value}}</view> </view> </templ

umijs一些配置

最新发布

前端小菜鸟也有人起的博客

07-16

288

umijs一些配置

uniapp中使用 uni.navigateBack() 返回上级页面并传参

Achong999的博客

05-04

1237

需求：在A页面中通过跳转到B页面，在B页面中处理的数据，需要跳转回A页面供其使用。在A页面中使用刚刚绑定的getValue()方法接收B页面传递的数据。形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。使用 getCurrentPages()给上个页面实例绑定方法和参数。获取当前页面栈的实例，以。在B页面的跳转事件中。

uni-app:navigateBack返回上一页（含参数传递）

weixin_46001736的博客

07-21

6967

uni-app:navigateBack返回上一页

uni-app 使用uni.navigateBack()返回时传递参数

HuangsTing的博客

04-02

1381

假设从B页面返回A页面： // B页面 const pages = getCurrentPages(); const prevPage = pages[pages.length - 2]; const params = {a: 1}; // 携带的参数 prevPage.$vm.sendValue(params); // sendValue是A页面自定义的方法 // A页面 sendValue(params) { // 接收参数 } ...

uni-app使用uView的search搜索组件踩坑

web15208590912的博客

02-23

2280

场景：在开发后H5移动端项目时，使用uView的search搜索组件时遇到这样一个问题，search组件在安卓系统下显示正常，在ios系统下会显示出手机自带的搜索图标，与search组件的图标有冲突，两个图标会同时显示出来解决：利用uni-app自己的input输入框，自己修改样式，手动加上搜索图标和清除图标，图标是外部引入的阿里图标【注意】：不要给input输入框加上confirm-type=“search”，否则在ios系统下，还是会出现手机自带的搜索图标，和输入框的图标重复了具体代码如下： &l

uni-app 布局固定头部，内容滚动

fang156239305的博客

09-14

9330

1 代码 <template> <view class="container">  <view class="header"> <text>头部</text> </view>  <view class="body"> <view> <text>abc</text&.

uni-app实现星级评价

qq_37902065的博客

01-10

8805

<view class="stars-wrapper"> <view v-for="n in 5" @mouseenter="enter(n)" @mouseleave="leave()" @click="Selected(n)" :class="{'on':cur>=n}"</view&

uniapp中使用navigateBack返回上一页并携带参数

qq_46490937的博客

04-20

4654

app中navigateBack返回并携带参数

如何在uniapp中使用uni.navigateBack()传递参数给上个页面？

铁锤妹妹的博客

12-12

7902

从A页面，跳到B页面，从B页面选中地址返回到A页面时，需要将B页面选中的参数地址id，传递给A页面。

uni.naviback传参不了解决方法

qq_51538602的博客

04-25

238

页面传参 uni.$emit uni.$emit('query', { carNumber: this.carNumber }) 页面接收使用 uni.$once onshow(){ uni.$once('query', (query) => { this.serchs = query.carNumber }) }

uni.navigateBack 修改上一个页面值问题

New个对象喝咖啡

09-29

231

使用uni.navigateBack()返回上一层时携带值今天使用uni.navigateBack() 返回上一层时想携带值，但这个方法不像其他的跳转是不能携带值的，在尝试许多方法后，在一个帖子中找到了答案。代码如下： // 页面1 <template> <view> <text>{{title}}</text> <button @click="goPageB()">跳转B页面</button> </view

干货，在uniapp项目中使用uni.navigateBack()方法返回上一页或多页时携带参数的方法！