小程序跳转页面并携带数据

谁借莪１个温暖的怀抱￠ 2023-05-22 12:30 20阅读 0赞

#### 页面跳转 ####

**方法一**：WXML页面实现

1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>
    
    2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳转到新页面</navigator>
    
    3.<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳转到新页面</navigator>

**方法二**：js页面实现

bindViewTab:function(){
        wx.navigateTo({    //保留当前页面，跳转到应用内的某个页面（最多打开5个页面，之后按钮就没有响应的）
             url:"/pages/aaa/aaa"
        })
    
    	wx.redirectTo({  
    		//关闭当前页面，跳转到应用内的某个页面（这个跳转有个坑，就是跳转页面后页面会闪烁一下，完全影响了我自己的操作体验，太缺德了。）
    		url:"/pages/aaa/aaa"
    	})
    
    	wx.reLaunch({     //跳转至指定页面并关闭其他打开的所有页面（这个最好用在返回至首页的的时候）
        	url:'/pages/index/index'
    	})
    
    	wx.switchTab({    //跳转到tabBar页面，并关闭其他所有tabBar页面
          	 url:"/pages/aaa/aaa"
    	 })
    
        wx.navigateBack({     //返回上一页面或多级页面
              delta:1
        })
    }

#### 携带数据 ####

[小程序2个页面如何接传值][2]

[2]: https://blog.csdn.net/gaoqiang1112/article/details/77876826?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3携带参数跳转并新建页面&&接收参数

vue3携带参数跳转并新建页面&&接收参数 vue学习记录 //html <div class="course_lay" @click=

浅浅的花香味﹌/ 2024年03月26日 19:27/ 0 赞/ 195 阅读

相关小程序跳转页面并携带数据

页面跳转方法一：WXML页面实现 1.<navigator url = "/pages/aaa/aaa">跳转到新页面</navigator>

谁借莪１个温暖的怀抱￠/ 2023年05月22日 12:30/ 0 赞/ 21 阅读

相关微信小程序 - 携带本页面参数跳转到其他页面（不同页面传值）

前言这个需求有很多种实现方式，这里只谈 `路由跳转携带参数` 的 2 种方式。 // 假设要从 A页面带参跳转到 B页面【A页面】 →

た入场券/ 2023年03月02日 13:29/ 0 赞/ 158 阅读

相关 uni-app 页面跳转（携带参数）

使用标签包裹跳转对象，拼接字符串， $\{child.id\} 为跳转携带参数 <navigator hover-class="none" :url="`../det

超、凢脫俗/ 2023年01月05日 01:24/ 0 赞/ 277 阅读

相关微信小程序 - wx.navigateTo({}) 跳转页面携带对象/数组/复杂数据参数（携带一个复杂对象数据参数）

前言 > 你可以理解为：携带一个复杂对象数据参数，实现跳转页接收。在微信小程序，使用 `wx.navigateTo({})` API 携带参数跳转页面很常见，但是

绝地灬酷狼/ 2022年12月11日 09:11/ 0 赞/ 300 阅读

相关 vue项目实现页面跳转携带参数

this.$router.push({ path: "/Shengc", //页面路径 name: "S

╰+攻爆jí腚メ/ 2022年11月15日 11:21/ 0 赞/ 393 阅读

相关微信小程序跳转另一个微信小程序携带参数并接收参数

当前微信小程序 wx.navigateToMiniProgram({ appId: 'xxx', // 跳转小程序的appId

﹏ヽ暗。殇╰゛Y/ 2022年11月14日 14:46/ 0 赞/ 576 阅读

相关小程序页面跳转、带参数跳转以及navigator跳转

一、单纯的页面跳转跳转到的页面分 tabBar 页面和非tabBar 页面。url路径可以写相对和绝对路径。 1、跳转到非导航页面，用 wx.navigateTo

朱雀/ 2022年05月11日 06:38/ 0 赞/ 670 阅读

相关小程序页面跳转并返回数据

A和B两个页面 A页面： <text class='ask_txt' bindtap='field'>{ {field}}</text> 跳转到B页

蔚落/ 2022年05月08日 06:16/ 0 赞/ 322 阅读

相关 a标签携带参数跳转并在跳转页面接收参数

1.  <a href="urlb?id=1"><img src="123.jpg"/></a>

迈不过友情╰/ 2022年03月08日 12:11/ 0 赞/ 558 阅读