笔记--uniapp 父子页面传值

冬至@

已于 2023-03-27 10:01:01 修改

阅读量144

点赞数

分类专栏：笔记文章标签： uni-app 开发语言

于 2023-03-27 09:58:06 首次发布

本文链接：https://blog.csdn.net/qq_40649554/article/details/129789540

版权

笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

笔记–uniapp 父子页面传值

父页面的onshow里面加上

uni.$on("erji", (options) => {})

（原因是onshow是每次页面打开都回触发，所以写在onshow）

父页面的onUnload里面写入注销

uni.$off('erji')

（销毁事件销毁父页面的监听，否则导致应用变卡顿，从而影响用户体验）

子页面在要传值的方法内写入

uni.$emit("erji", {data: data})
//再写入
uni.navigateBack({delta: 1})//返回上一页

完成子页面给父页面传值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冬至@

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
笔记--uniapp 父子页面传值

uniapp父子页面传值
复制链接

扫一扫

专栏目录

uni-app:子页面传值给父页面并在父页面上渲染该值

qq_44048575的博客

07-07

1393

@[TOC]( 欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示

uni-app子页面与父页面互相传值

chuiningsi9681的博客

03-26

7435

main.js中添加 Vue.prototype.$eventHub = new Vue(); 点击列表按钮打开新页面 methods: { click1(e) { let _this = this; //监听事件 this.$eventHub.$...

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

uniapp页面间传参-父页面向子页面传递参数

agustinymy

06-25

8407

uniapp中比较常用的就是页面间传递参数了。我这里举的例子是，当登录成功时，想主页面传递用户名。话不多说，上主菜。第一步：项目-store-index.js ： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { u...

uniapp页面之间通信、传参、传值方法(父→传→子，子→传→父)；获取被打开页面的数据→传→当前页面；当前页面的数据→传→被打开页面

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

06-08

1037

父页面子页面。

uniapp父子组件相互传值

weixin_51472505的博客

11-10

1423

06-07

05-18

冰河整理的全网首个开源的以实战案例为背景的渗透实战笔记，全书共442页，共计37万字（不计空格）。整本书的内容涵盖：Kali基础、渗透工具、木马制作、钓鱼链接生成、爆破密码、内存溢出攻击、web渗透、数据提权、...

11-28

11-15

08-29

uni-app中onShow（）、onShareAppMessage（）不作用

yangyanqin2545的博客

06-09

1331

在uni-app中，拥有的onShow()、onShareAppMessage()等等函数，只会在父页面起作用，也就是被监听到，其余子页面或者弹窗页面都不会监听，所有当我们使用的时候要特别的注意。

uni-app - 子组件中实现 onShow() 生命周期，监听页面 onShow() 实时刷新子组件内的数据（子组件中模拟页面 onShow 钩子函数，当页面显示时自动执行函数）全端兼容无 BUG

王佳斌

12-12

7527

uni-app 子组件怎么onShow，uniapp子组件中没有onshow怎么办，uniapp子组件怎么当页面显示时就执行，uniapp子组件中需要实时更新数据没有onshow这样的函数怎么办，uniapp 子组件实时刷新数据，uniapp子组件监听父组件的onshow生命周期，uniapp 子组件 mounted 刷新，uniapp子组件 onshow 不能使用，用 mounted 数值不更新怎么解决，uniapp子组件mounted第二次不执行怎么办，解决uniapp子组件mounted()第二次不执

关于uniapp项目中页面之间传递数据的三种方式

热门推荐

m0_58889179的博客

03-13

2万+

uniapp页面之间传值的三种方式

Uniapp中父子页面传值

啊鹏的博客

10-10

135

点击图一按钮进入图二页面。

1.uniapp列表数据加载；2.详情页（子页）返回列表页（父页）父页自动刷新

weixin_44243068的博客

04-28

726

禁止转载

uni-app开发经验分享：多页面传值的三种解决方法

高先生的猫

09-29

3280

开发了一年的uni-app，在这里总结一些uni-app开发中的问题，提供几个解决方法，分享给大家：问题描述：一个主页面，需要联通一到两个子页面，子页面传值到主页面，主页面更新问题难点：首先我们需要一个逻辑模型（这里随便画了一个）通过这个模型，我们可以看到一个问题，子页面的内容怎么传回主页面，怎么让这个传回的方式更安全有效，这也是这个问题的难点，我总结了三种解决方法，在这里分享给大家：第一种：url传值顾名思义，就是利用页面的url方法来传值，具体操作逻辑如下：主页面：用o.

uniapp父界面和子标签内方法相互调用和传值

qq_41751237的博客

05-12

1861

在当前页面引入其他子标签或者其他页面时，如何在本界面调用其他页面的方法呢，对于刚接触uniapp的人来说不是很容易，这里给大家展示下uniapp本身的调用方式，当然还有其他方法可以实现，时间仓促，这里我直接上代码：父界面 <template>  <button @tap="zibiaoqianShow">子标签显示</button> <button @tap="zibiaoqianHidden"&g

vue中，父组件主动获取子组件中的数据和方法及子组件主动获取父组件中的数据和方法。...

chumaobao2468的博客

07-04

1630

1.父组件主动获取子组件中的数据和方法在父组件里面通过: this.$refs.childMethod.属性 this.$refs.childMethod.方法在父组件中：(调用子组件的时候，定义一个ref) <child-list ref="childMet...

MIT线性代数公开课笔记-行图像与列图像解析

“线性代数-笔记.pdf”是麻省理工学院教授Gilbert Strang的线性代数公开课笔记，涵盖了线性代数的基础知识，包括矩阵理论、方程组、向量空间、行列式、特征值、相似矩阵和正定矩阵等内容。线性代数是数学的一个...