微信小程序开发——navigator组件

WeChat小程序交流（QQ群：769977169）

效果图

代码示例

1、xxx.wxml

<navigator open-type='navigate' url='../Navigator/navigatorSec'>navigatorSec</navigator>

<navigator open-type='navigateBack'>返回</navigator>
<navigator open-type='navigate' url='../Navigator/navigatorThi?title=带参数导航栏&count=1001'>navigatorThi</navigator>

<navigator open-type='navigateBack'>返回</navigator>

2、xxx.wxjs

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: options.title,
    });

    console.log(options);
  }
}

使用注意

1、从A页面跳转到B页面，不带参数

<navigator open-type='navigate' url='../Navigator/navigatorSec'>navigatorSec</navigator>

2、从A页面跳转到B页面，带有参数

<navigator open-type='navigate' url='../Navigator/navigatorThi?title=带参数导航栏&count=1001'>navigatorThi</navigator>

3、从B页面跳转回到B页面

<navigator open-type='navigateBack'>返回</navigator>