微信小程序页面间的跳转

  • A+
所属分类:微信公众号

首先需要在app.json中配置页面

  1. {
  2.     "pages": [
  3.         "pages/index/index",
  4.         "pages/logs/logs",
  5.         "pages/text/text"
  6.     ],
  7.     "window": {
  8.         "backgroundTextStyle""light",
  9.         "navigationBarBackgroundColor""#fff",
  10.         "navigationBarTitleText""WeChat",
  11.         "navigationBarTextStyle""black"
  12.     }
  13. }

微信小程序页面间的跳转

方式一:

  1. <navigator url="../text/text">链接跳转方式一</navigator>

方式二:

  1. <text bindtap='jump'>链接跳转方式二</text>
  1. jump: function () {
  2.     //wx.redirectTo  重定向跳转后的页面将没有返回按钮
  3.     //wx.navigateTo  跳转后的页面将有返回按钮
  4.     wx.navigateTo({
  5.         url: '../text/text',
  6.         success: function (res) {
  7.             // success
  8.             console.log("success");
  9.         },
  10.         fail: function () {
  11.             // fail
  12.             console.log("fail");
  13.         },
  14.         complete: function () {
  15.             // complete
  16.             console.log("complete");
  17.         }
  18.     })
  19. }

发表评论

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:2   其中:访客  2   博主  0

    • avatar 腾讯云优惠券 2

      朋友 交换链接吗

      • avatar 新闻头条 0

        文章不错非常喜欢