（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看）

！这种方法首先要理解uniapp里面的getCurrentPages()函数，自己可以打印一下就知道了

var pages = getCurrentPages();//获取所有页面的数组对象
var currPage = pages[pages.length - 1]; //当前页面
var beforePage= pages[pages.length - 2]; //上一个页面

原理

从A页面进入B页面以后，在B页面选择数据以后，通过getCurrentPages()函数得到上一个页面的实例对象，然后直接修改他的数据，在通过uni.navigateBack()函数直接返回，这里用了一个技巧就是通过uni.navigateBack()函数返回页面，不会对上一个页面进行刷新，这样就可以实现回显

例子

A页面现在有一个数据

data() {return {id: ''}
},

B页面选择完数据以后

var pages = getCurrentPages()
var prevPage = pages[pages.length - 2]
prevPage.$vm.id = '自己要更改的数据值'
uni.navigateBack({delta: 1
})

到这里已经可以实现回显了，但是！！！有坑，同时这个坑出现的概率非常小，但是会遇到，就是在B页面更改完A页面数据，返回A页面以后，A页面数据变了，但是A页面对应的数据丢失了响应式，会出现，数据更改了，但是页面要渲染的数据没发生改变

解决方法（一个大佬告诉我的）

就是通过动态渲染key值的方法，因为key值改变相当于对应的页面元素从新渲染，来解决这种偶然遇到的问题（因为时间戳是唯一的所以用这个）

当页面每次进入的时候直接页面生命周期onshow自动调用让对应key值变量发生改变，来从新渲染页面，这样就可以解决这个大坑

扩展知识

@教我的大佬

微信小程序授权手机号_空白一天的博客-CSDN博客

（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看）相关推荐

基于Springboot外卖系统16：菜品修改模块+菜品信息回显+ID查询口味列表+组装数据并返回
4.1 菜品修改模块需求分析在菜品管理列表页面点击修改按钮,跳转到修改菜品页面,在修改页面回显菜品相关信息并进行修改,最后点击确定按钮完成修改操作. 4.2 菜品修改模块前端页面(add.html) ...
jq实现页面滑动到一定位置显示返回顶部按钮，点击回到页面顶部
返回顶部按钮固定在页面某个位置,当页面滑动超过600时,显示此按钮,可用jq的scrollTop()方法实现: 点击触发click事件,并返回到页面顶部,这里设置返回顶部的时间是1000ms(即1s) ...
数据回显---SpringMVC学习笔记（九）
需求: 表单提交失败需要再回到表单页面重新填写,原来提交的数据需要重新在页面上显示. 第一种:针对简单数据类型的数据回显对于简单数据类型,如:Integer.String.Float等使用Model ...
单选框，下拉框，复选框的回显
在列表显示的界面中通常都有编辑操作,进行编辑操作时通常就牵涉到数据的回显问题,本文中编辑界面和添加界面是在同一个界面. 页面中使用了jstl中的c标签,所以要先引用: <%@ taglib pr ...
Angularjs 中select回显后重复选项的解决
Angularjs 中select回显后重复选项的解决 (1)Angularjs 中select回显代码,records和categoryValueList都是后台返回的 <!DOCTYPE h ...
ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据
场景结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在el-radio中设置好label即可,无需再给每一个el-ra ...
Python实现“按任意键返回”和无回显输入
功能描述: 在某些应用场景中,需要实现"按任意键返回"这样的功能,在Python中如果使用内置函数input()的话必须有个回车键才表示输入结束,不够完美. 在msvrct标准库中 ...
后台管理系统中的antd vue中的问题(动态加载列表a-select-option,后台管理中a-selct-option的回显)
一.antd vue中的a-select的动态加载列表a-select-option 1.既然是动态加载选择框的列表a-select-option,必然存在获取后台数组,并循环后台数组格式: 数组( ...
ping回显目标主机不可达destination host unreachable的含义及发生情况
destination host unreachable目标主机不可达,消息属于icmp协议层的消息,用于ip层的差错报文的传递,由出问题的网关发出,用于差错控制.IP 路由器无法将 IP 数据报发送 ...

（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看）

！这种方法首先要理解uniapp里面的getCurrentPages()函数，自己可以打印一下就知道了

原理

例子

解决方法（一个大佬告诉我的）

扩展知识

（uniapp跳转回显）,A页面进入B页面，B页面返回A页面，并传值给A页面（技巧绝对好用慢慢看）相关推荐

最新文章

热门文章