企业门户网站管理制度,wordpress文章变成html代码,网站建设尾款如何做会计分录,云盘做网站#x1f48c; 所属专栏#xff1a;【微信小程序开发教程】 #x1f600; 作 者#xff1a;我是夜阑的狗#x1f436; #x1f680; 个人简介#xff1a;一个正在努力学技术的CV工程师#xff0c;专注基础和实战分享 #xff0c;欢迎咨询#xff01; … 所属专栏【微信小程序开发教程】 作 者我是夜阑的狗 个人简介一个正在努力学技术的CV工程师专注基础和实战分享 欢迎咨询 欢迎大家这里是CSDN我总结知识的地方喜欢的话请三连有问题请私信 文章目录前言一、编程式导航1、导航到 tabBar 页面2、导航到非 tabBar 页面3、后退导航总结前言 大家好又见面了我是夜阑的狗本文是专栏【微信小程序开发教程】专栏的第23篇文章; 今天开始学习微信小程序的第十三天开启新的征程记录最美好的时刻每天进步一点点。 专栏地址【微信小程序开发教程】 此专栏是我是夜阑的狗微信小程序开发过程的总结希望能够加深自己的印象以及帮助到其他的小伙伴。 如果文章有什么需要改进的地方还请大佬不吝赐教。 一、编程式导航 前面已经介绍了页面导航 – 声明式导航通过栗子学习了 tabBar 页面之间和 tabBar与普通页面之间的跳转还有返回上一页的功能。接下来就来讲解一下另外一个页面导航–编程式导航。话不多说让我们原文再续书接上回吧。 1、导航到 tabBar 页面 在小程序中可以调用 wx.switchTab(Object object) 方法可以跳转到 tabBar 页面。其中 Object 参数对象的属性列表如下
属性类型是否必选说明urlstring是需要跳转的 tabBar 页面的路径路径后不能带参数successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行通过栗子来学习一下具体代码如下
home.wxml 创建按钮通过按钮方式跳转到消息页面。
button bindtapgotoMessage点我跳转消息页面/buttonhome.js /*** 通过编程式导航跳转到 tabBar 页面*/gotoMessage(){wx.switchTab({url: /pages/message/message,})},可以来看下运行效果 2、导航到非 tabBar 页面 小程序里想要跳转非 tabBar 页面不能像前面那样调用 wx.switchTab(Object object) 方法而是调用 wx.navigateTo(Object object) 方法来实现跳转到非 tabBar 的页面。其中 Object 参数对象的属性列表 如下
属性类型是否必选说明urlstring是需要跳转到的非 tabBar 页面的路径路径后可以带参数successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行下面通过栗子来学习一下具体代码如下
home.wxml 创建按钮通过按钮方式跳转到 info 页面。
button bindtapgotoInfo点我跳转info页面/buttonhome.js /*** 通过编程式导航跳转到 info 页面*/gotoInfo(){wx.navigateTo({url: /pages/info/info,})},这样就可以通过按钮点击跳转到 info 页面来看一下运行效果 3、后退导航 我们还可以调用 wx.navigateBack(Object object) 方法可以返回上一页面或多级页面。其中 Object 参数对象可选的 属性列表如下
属性类型默认值是否必选说明deltanumber1否需要跳转到的非 tabBar 页面的路径路径后可以带参数successfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行下面通过栗子来学习一下具体代码如下
info.wxml 创建按钮通过按钮方式跳转到 info 页面。
button bindtapgotoBack返回上一页/buttoninfo.js /*** 编程式导航返回到上一个页面*/gotoBack(){wx.navigateBack();}这样就可以通过按钮点击跳转到 info 页面来看一下运行效果 这里当返回层数只有一层的时候delta 属性是可以省略的当返回层数大于1时可以指定该属性
info.js gotoBack(){wx.navigateBack({delta : 1 // 返回层数});}总结 感谢观看这里就是页面导航 – 编程式导航的介绍使用如果觉得有帮助请给文章点个赞吧让更多的人看到。 也欢迎你关注我。 原创不易还希望各位大佬支持一下你们的点赞、收藏和留言对我真的很重要 最后本文仍有许多不足之处欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正下期再见。 更多专栏订阅: 【LeetCode题解持续更新中】 【Java Web项目构建过程】 【微信小程序开发教程】⚽ 【JavaScript随手笔记】 【大数据学习笔记华为云】 【程序错误解决方法建议收藏】 【软件安装教程】 订阅更多你们将会看到更多的优质内容
