首页 > 其他分享 >uniapp 页面无法后退

uniapp 页面无法后退

时间:2024-05-22 14:30:14浏览次数:26  
标签:info uniapp 后退 JSON decodeURIComponent type options 页面

页面 C 后退的时候报错,且无法后退

因为页面 A 跳转到页面 B 的时候,传参里面有值为 null 的对象。从页面 B 再跳转到其他页面比如页面 C,该页面就无法后退,并报上面的错误

 //  页面A 跳转到 页面B
     this.$u.route({
        url: 'pages/pageB',
        type: 'navigateTo',
        params: {
          info: JSON.stringify({name: null}), // 有个 null 的值
          type: 'normal',
        }
      });


      // 页面 B 的 onl oad 接收
      onl oad (options) {
        if (options && options.query) {
          options = JSON.parse(decodeURIComponent(options.query))
        }
        if (options && options.type) {
          this.sealType = options.type
        }
        if (options && options.info) {
          this.info = JSON.parse(decodeURIComponent(options.info))
        }
      }

传参的时候要转化一下

 //  页面A 跳转到 页面B
     this.$u.route({
        url: 'pages/pageB',
        type: 'navigateTo',
        params: {
          info: decodeURIComponent(JSON.stringify({name: null})),
          type: 'normal',
        }
      });


      // 页面 B 的 onl oad 接收
      onl oad (options) {
        if (options && options.query) {
          options = JSON.parse(decodeURIComponent(options.query))
        }
        if (options && options.type) {
          this.sealType = options.type
        }
        if (options && options.info) {
          this.info = JSON.parse(decodeURIComponent(decodeURIComponent(options.info)))
        }
      }

 

标签:info,uniapp,后退,JSON,decodeURIComponent,type,options,页面
From: https://www.cnblogs.com/liuyongfa/p/18206172

相关文章

  • uniapp中登录提交密码时用base64加密
    1.在项目文件夹里面的地址栏中输入npm后回车2.在弹出来的管理员界面输入npminstallbase-64后回车3.在需要使用的页面引入importBase64from'base-64';4.提交时转换成base64后提交consten=Base64.encode(password)解密方法constde=Base64.decode(en)......
  • 高德地图安卓sdk,在uniapp中实现,地图上多个坐标点,点击坐标点,显示坐标信息
     <template><viewclass="content"><mapid="map":style="{width:'100%',height:'50vh'}":markers="markers":longitude="longitude":latitude=......
  • uniapp-vue3-oadmin手机后台实例|vite5.x+uniapp多端仿ios管理系统
    原创vue3+uniapp+uni-ui跨端仿ios桌面后台OA管理模板Uni-Vue3-WeOS。uniapp-vue3-os一款基于uni-app+vite5.x+pinia等技术开发的仿ios手机桌面OA管理系统。实现了自定义桌面栅格磁贴布局、多分屏滑动管理、自定义桌面小部件、辅助触控悬浮球等功能。支持编译到H5+小程序端+App端......
  • Spark-Web页面(默认端口:4040)
    访问WebUI页面的前提:启动Spark安装目录下sbin/start-all.sh。jps可以看到Master和Worker。1、Spark的Master页面http://master:8080/2、Spark的Worker页面http://master:8081/3、Spark的Job页面(只有任务运行过程中可以查看该页面)http://master:4040/  调用Jar包时......
  • 后台向vue页面传值
    //向vue页面传值//步骤1://现在js文件中规定调用的后台接口查询车辆状态详细exportfunctionlistCar(query){returnrequest({url:'/mqtts/start/liststat',method:'get',params:query})//步骤2://在vue页面的script下引入方法listCarimport{listCar}from"@......
  • uniApp生成的h5页面禁止浏览器上缩放页面(支持安卓,ios)
    项目场景:uniapph5内嵌原生appios样式问题:1.双击和双指滑动,内嵌的h5页面均会被放大缩小2.修改ios底部的安全距离的背景色,默认是白色问题描述1.双击和双指滑动,内嵌的h5页面均会被放大缩小2.解决ios底部的安全距离和修改背景色,默认是白色解决方案:安卓只需要在h5.template.h......
  • 防止页面按钮多次点击
    onlineAssessment(item){letelderInfoMation=JSON.stringify(item)console.log('this.isNavigating',this.isNavigating)if(this.isNavigating)return;//如果正在跳转,则直接返回不执行后续操作this......
  • C# webform 在aspx页面调用aspx.cs页面的方法
    前台代码--调用后台的GetEcharts1方法,并传入三个参数startDateValue,ipEndDate,ddlTypeValue<inputtype="button"id="loadExce2l"value="查看"onclick="loadEcharts()"/>functionloadEcharts(){console.log(19999999999)......
  • 【博客园发文技巧】不离开编辑页面,批量添加图片链接和设置图片大小
    参考文档:https://www.cnblogs.com/sanshi/p/3794796.html起因在博客园写文章,有时需要上传好多大图片,如果这些图片过大,则会导致页面变形。因此有一个实际的需求,能够在博客园的编辑页面,直接批量修改所有图片的大小,然后给这些图片添加链接,以便点击时转到大图。简单实现在博客园......
  • 登录页面漏洞总结
    汇总一些项目中挖到过的,和做项目的时候会用到的测试方法,最近也是疲于面试,讲的是时候总是一时想不起来,所以决定还是总结一下吧,以后我还是要多放网络安全相关的,面试官看时候也知道我了解哪些点,但奈何笔记太多需要整理一下再放出来,以前不敢放是因为确实一直觉得自己太菜了。如果后面......