黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

微信小程序如何实现跳转?(方式介绍)

来源:黔优媒体网   时间:2024-09-19

微信小程序如何实现跳转?下面本篇文章给大家总结一下微信小程序实现跳转的几种方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1、使用导航组件,标签,页面链接来实现(可以发现点击时有背景)

 !-- sample.wxml -- 
 view >

参数如下

2、给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现跳转(保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面)

在my.wxml中加监听bindtap事件

 view bindtap= #39;jump #39; 跳转 /view 

在my.js中实现跳转

 jump:function(){
 wx.navigateTo({
 url: #39;../login/login #39;,
 success: function(res) {
 fail: function(res) {
 complete: function(res) {
 }

参数如下

3、通过wx.redirectTo实现跳转(关闭当前页面,跳转到应用内某个页面)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: #39;../index/index #39;, 
 success: function (res) { 
 // success 
 fail: function () { 
 // fail 
 complete: function () { 
 // complete 
 }

参数如下

4、通过wx.navigateBack返回上一级(关闭当前页面。返回上一页面或多级页面)。

wx.navigateBack({ 
 delta: 1, // 回退前 delta(默认为1) 页面 
 success: function (res) { 
 // success 
 fail: function () { 
 // fail 
 complete: function () { 
 // complete 
 })

推荐:《小程序开发教程》

以上就是微信小程序如何实现跳转?(方式介绍)的详细内容,更多请关注php中文网其它相关文章!

微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!


上一篇: 没有了
【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:微信小程序如何实现跳转?(方式介绍);欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)
此操作需要登录,请先登录~
免费注册会员,尽享国内领先平台!