微信小程序开发-页面跳转的几种方式

最近在做微信小程序，碰到页面跳转的问题，总结一下页面之间跳转的方式

一、wx.navigateTo(OBJECT)

这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面”

类似于html中的 window.location.href=" "
可以附带参数

wx.navigateTo({url: 'testPage/index?id=1'
})

wx.navigateTo({url:'../test/test?id=1&page=4',  //跳转页面的路径，可带参数 ？隔开，不同参数用 & 分隔；相对路径，不需要.wxml后缀success:function(){}        //成功后的回调；fail：function(){}          //失败后的回调；complete：function(){}      //结束后的回调(成功，失败都会执行)
})传递的参数在接收页面onLoad()函数中得到值：option.id就可以得到了
onLoad: function (option) {　　　　console.log(option)//可以打印一下option看查看参数this.setData({id:option.id,});

也可以通过方法  wx.navigateBack 返回原页面

二、wx.redirectTo(OBJECT)

关闭当前页面

微信小程序开发-页面跳转的几种方式相关推荐

【微信小程序】页面跳转的四种方式
页面跳转 wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个页面"类似于html中的 window.locati ...
微信小程序开发-页面跳转传递参数
微信小程序开发-页面跳转传递参数页面跳转有四种方式,分别为wx.navigateTo.wx.redirectTo.wx.reLaunch.wx.switchTab,前面三种可通过url路径携带参数实 ...
微信小程序开发后推广宣传的3种方式
微信是现在用户必备的工具之一,也是商家进行营销推广的必备渠道,通过微信平台开发的各种推广方式来推广自己的产品,比如微信群,朋友圈,微信公众号,微信小程序等开发微信小程序是现在每个企业选择的方式之一,用 ...
uniapp开发微信小程序-4.页面跳转与横向滑动
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能,备忘的同时给大家做个分享. 但既然是初级分享系列文章,为了方便新手朋友的上手工作,还是在此之前说一下页面跳转的 ...
微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...
小程序开发页面跳转传参问题
小程序开发页面跳转传参问题 1.简单值 let id=1; wx.navigateTo({ url:'/pages/mypage/mypage?id='+id }) 取值另一个页面 onload:f ...
微信小程序--简单页面跳转
微信小程序--简单页面跳转例如:点击一个text ,跳转入一个新的页面blueberry.wxml 首先对text 设置监听事件 <view bindtap="toast" ...
微信小程序开发系列七：微信小程序的页面跳转
微信小程序开发系列教程微信小程序开发系列一:微信小程序的申请和开发环境的搭建微信小程序开发系列二:微信小程序的视图设计微信小程序开发系列三:微信小程序的调试方法微信小程序开发系列四:微信小程序 ...
微信小程序开发页面总结-文档(ing)
公共样式定义 /* 公共样式 */ page{height: 100%;background: #f7f7f7; } view,image,input,text,button,textarea {bo ...

微信小程序开发-页面跳转的几种方式

一、wx.navigateTo(OBJECT)

二、wx.redirectTo(OBJECT)

微信小程序开发-页面跳转的几种方式相关推荐

最新文章

热门文章