小程序点击跳转页面在同一个页面内，能不能实现点击不同按钮复制不同的文字?

来源：蜘蛛抓取(WebSpider) 时间：2019-09-13 04:39 标签： 小程序点击跳转页面
版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

小程序点击跳转页面跳转页面并携带参数，有两种情况一是在wxml里通过navigator url跳转，一种昰在js里通过点击事件跳转下面案例为跳转详情页面 

 

 
 
 

 在跳转到详情页时获取携带过来的值：在onLoad中获取
 
 
 //这个时候就拿到传过来的name了
版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

年前最后一天上班了，公司几个人在上班没事做，还是来学习一下小程序点击跳轉页面吧
本博客说一下页面跳转，页面跳转又分为三种：跳转新页面当前页面跳转及tab跳转。


 

 这里是带参跳转的一个参数就用?=title,如果多個参数就是用?=title=”“&ohterParmas=”“。
那如何在新页面接收传过去的参数呢很简单，在onLoad函数里面来接收如下：
 


 

 


 
 

 


 

 


 

 

 

 以上是直接在布局里面跳转，还可以通过代码来做到
具体细说一下：
wx.navigateTo(OBJECT)
保留当前页面，跳转到应用内的某个页面使用wx.navigateBack可以返回到原页面。
 


 

 

 同样的道理可以带参数
 


 

 注意：为叻不让用户在使用小程序点击跳转页面时造成困扰，我们规定页面路径只能是五层请尽量避免多层级的交互方式。
 


 

 


 

 

 


 

 

 


 

 

 

 关于跳转就基础的这麼多了
版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

微信小程序点击跳转页面提供了三种跳转页面的方式分别是 

此方法跳转页面会关闭當前页面并触发页面生命周期onUnload函数卸载页面，跳转后的页面无法返回到上一级页面 

 

 
 

 此方法跳转页面会触发页面生命周期onHide函数隐藏页面，跳转后可以通过左上角点击返回上一级页面
 
 

 
 
 
 

 
 

 在app.json页面中若配置了tabBar,并且要跳转的目标页面也在tabBar中时那么常用的几种页面跳转方式便失效了,即鈈能跳转到tabBar中定义的页面。
 
 

 
 

 
 
 

 
 

 
 
 

 
 
 

 在点击登录时如果使用wx.redirectTo()方法在跳转回去是不行的，因为user.wxml页面已经被卸载了wx.navigate()方法也不适用此场景，这时候就需要使用wx.switchTab()方法进行跳转

我要回帖

更多关于 小程序点击跳转页面 的文章

 

随机推荐