返回

专注连锁门店会员营销管理系统

线上+线下+进销存+收银+会员
HiShop > Hi小程序 > 小程序开发 > 开发实例 >

小程序页面跳转的实现及实例

2018-04-16 作者:秩名

  小程序页面跳转包括五种形式,保留当前页面,跳转到另一页面;关闭当前页面,返回上一级页面;关闭所有页面,跳转到另一页面,跳转到 tabBar 页面等五种形式,下面分别为大家一一介绍如何实现。

小程序页面跳转的实现及实例


  1.保留当前页面,跳转到应用内另一个页面:wx.navigateTo({ url: '页面路径', })

  实例:

  pageSkip :function(){

  wx.navigateTo({

  url: '/page/admin/business',

  })

  },

  2.关闭当前页面,返回到上一级或多级页面:wx.navigateBack({ url: '页面路径', })

  实例:

  pageSkip :function(){

  wx.navigateBack({

  url: '/page/admin/shops',

  })

  },

  3.关闭当前页面,跳转到应用内某个页面:wx.redirectTo({ url: '页面路径', })

  实例:

  pageSkip :function(){

  wx.redirectTo({

  url: '/page/index',

  })

  },

  4.关闭所有页面,打开应用内某个页面:wx.reLaunch({ url: '页面路径', })

  实例:

  pageSkip :function(){

  wx.reLaunch({

  url: '/page/login',

  })

  },

  5.跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面:wx.switchTab({ url: '页面路径', })

  实例:

  pageSkip :function(){

  wx.switchTab({

  url: '/page/shops/homepage',

  })

  },

  附:wxml内页面跳转:<navigator url="页面路径" open-type="navigate"></navigator>

  实例:

   <navigator url="/pages/admin/goodsOrder" open-type="navigate">

HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在:http://www.hishop.com.cn/xiaocx/kaifa.html 

线上+线下+进销存+收银+会员门店零售管理好帮手

  • 极速收银管理

    门店能实现快速收银,提升门店经营效率。

  • 进销存管理

    系统自带进销存管理,更好管理库存销售。

  • 软硬件一体化

    配备收银硬件一站式整体服务。

收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款

获取报价
【本站声明】

1、本网站发布的该篇文章,目的在于分享电商知识及传递、交流相关电商信息,以便您学习或了解电商知识,请您不要用于其他用途;
2、该篇文章中所涉及的商标、标识的商品/服务并非来源于本网站,更非本网站提供,与本网站无关,系他人的商品或服务,本网站对于该类商标、标识不拥有任何权利;
3、本网站不对该篇文章中所涉及的商标、标识的商品/服务作任何明示或暗示的保证或担保;
4、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。

推荐文章

门店系统 获取报价 立即咨询 免费试用