位置: IT常识 - 正文

【uni-app】点击左上角返回按钮,弹出弹窗或者是携带参数返回上一页(uni-app怎么样)

编辑:rootadmin
【uni-app】点击左上角返回按钮,弹出弹窗或者是携带参数返回上一页

目录

1、弹出弹窗

2、把这一页的数据带回到上一页(获取下一页的数据 )

3、跳转页面并携带参数,接受页获取参数


1、弹出弹窗

推荐整理分享【uni-app】点击左上角返回按钮,弹出弹窗或者是携带参数返回上一页(uni-app怎么样),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uni-app入门教程,uni-app实战教程,uni-app loading,uni -app,uni'app,uni'app,uni app ui,uni'app,内容如对您有帮助,希望把文章链接给更多的朋友!

当我返回上一页的时候需要做一个判断是否需要保存

onBackPress 只支持APP和H5 但不支持小程序 ,可以用onUnload生命周期解决,页面销毁的时候执行方法。

【uni-app】点击左上角返回按钮,弹出弹窗或者是携带参数返回上一页(uni-app怎么样)

注意:onBackPress和methods、onLoad同级

data() {return {flag: true //是否弹出返回提示框 }},onBackPress() {if (this.flag) {uni.showModal({title: "确定退出编辑?",content: "退出后内容不做保存",success: (res) => {if (res.confirm) {// console.log("确定返回");this.flag = falseuni.navigateBack({delta: 1, //返回层数,2则上上页})return true} else {this.flag = true// console.log("取消");return true}}})return true} else {return false}},

另一种写法

注意:不能写options.from === 'backbutton' ,因为 uni.navigateBack() 同样会触发 onBackPress 函数。因此在 onBackPress 中直接调用 uni.navigateBack() 并始终返回 true 会引发死循环。 从而会导致重写 onBackPress 方法不生效的罪魁祸首,然而也没有任何错误提示。

onBackPress(options) { if (options.from === 'navigateBack') { return false } uni.navigateBack({ delta: 1 }) return true}2、把这一页的数据带回到上一页(获取下一页的数据 )

第一页,点击下一步按钮到第二页

onShow() {let that = thisuni.$on('update1', function(data) {that.damagePoint = dataconsole.log(that.damagePoint)})},

第二页,点击左上角的返回按钮,携带数据到第一页

onBackPress(event) {uni.$emit('update1', this.damagePoint)},3、跳转页面并携带参数,接受页获取参数

第一页,跳转页面并携带参数(参数是对象)

methods: {change(item, index) {uni.navigateTo({url: '/pages/word/details?item=' + JSON.stringify(item)});}}

第二页,接受参数

onLoad(e) {let item = JSON.parse(e.item)console.log(item)}
本文链接地址:https://www.jiuchutong.com/zhishi/285105.html 转载请保留说明!

上一篇:若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起(前端vue后端node)

下一篇:工程复现 -- grid map和elevation map(工程复工程序是什么)

  • 报关单境外收货人错了怎么办
  • 收到股东投资款怎么做账
  • 应付账款及预付账款分录
  • 带薪年假是入职就有还是要等一年以后
  • 未满一年的公司可以注销吗
  • 投资性房地产转为非投资性房地产
  • 资产负债表上的资产是原值还是净值
  • 生育津贴需要连续缴纳社保满一年吗
  • 行政事业单位无偿调拨资产会计处理
  • 损益类算费用吗
  • 外贸企业仍一箱难求
  • 库存商品报废进项转出
  • 价税合计是什么会计科目
  • 待处理财产损益科目
  • 收到供应商开具什么发票
  • 退税记录显示税务审核中
  • 附赠产品销售是合法还是违法
  • 信用减值损失属于什么会计要素
  • 代收代付业务是什么意思
  • 暂估入库企业所得税税率
  • 增值税专用发票丢了怎么补救
  • 1697509550
  • 税收筹划有哪些特点?
  • 收购公司款项的支付是利好还是利差
  • 收到的产品返利怎么做账
  • office com组件修复
  • win10自带的清理对固态有影响吗
  • retrorun.exe - retrorun有什么用 是什么进程
  • 房屋租赁合同中租金大写
  • ESP32-CAM AI THINKER 引脚排列:GPIO 用法说明
  • 车辆购买保险发票未回怎么做会计分录
  • 保险公司经营外汇保险业务
  • 企业接受现金捐赠要交税吗
  • 自建办公楼装修要报建吗
  • 预收账款和应收账款的账务处理
  • 孕妇钙片什么时候吃最好吸收? 已解决
  • thinkphp join
  • 麻雀优化算法和鲸鱼算法哪个好
  • 购进来的样品怎么账务处理
  • 爱上源码,重学Spring IoC深入
  • 国家给农民的青春有哪些
  • 培训费属于什么税收分类编码
  • 企业管理费会计怎么做账
  • 月入一万怎么样
  • 横幅属于是什么税收大类?
  • 电子钥匙报税
  • 运输途中发生的合理损失
  • 长期股权投资与其他权益工具投资的区别
  • 生日卡和过节卡一样吗
  • 月报表该怎么做表格
  • 自产产品对外捐赠为什么不确认收入
  • 建筑业 成本
  • 商业折扣怎么扣
  • 个税多缴了纳税人怎么办
  • 租赁收入属于什么行业
  • 出口免税的税种包括
  • 加油票的发票抬头怎么写
  • 金蝶旗舰版如何备份账套
  • 投资性房地产按成本法计提折旧
  • 怎么设置现金流
  • mysql5.7.19 winx64解压缩版安装配置教程
  • win10系统无法打开这个应用
  • 电脑图片密码是什么意思
  • vmware中安装centos7
  • js加载失败怎么办
  • 浏览器css3兼容
  • css中文字垂直排列
  • node项目部署
  • python怎么读取中文txt文本
  • 歺包做法
  • bootstrap导航栏怎么居中
  • 为什么要去山西
  • 广东税务怎么查社保缴费明细
  • 代理记账公司自查自纠情况报告范文
  • 携程怎么订
  • 青岛市高新区是红岛吗
  • 公司被分立,应将分立后的单位
  • 税控系统减免税报表里
  • 税务局 周六
  • 上海纳税总额
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设