小程序3：页面的跳转、替换 及 页面间的数据传递

<!--index.wxml  首页  -->

<view class="container">
 
  <view  class="user-motto" bindtap="itemClick">
    <text>文章1</text>
  </view>

<navigator url="../logs/logs?id=2&title='标题'">
  <view class="user-motto">
    <text>文章222</text>
  </view>
</navigator>

<navigator url="../logs/logs?id=3">
  <view class="user-motto">
    <text>文章3</text>
  </view>
</navigator>


<navigator url="../logs/logs?id=4" redirect>
  <view class="user-motto">
    <text>文章444</text>
  </view>
</navigator>


</view>

Page({

  itemClick:function(){

    //页面跳转方法1:导航跳转

    //页面跳转方法2:链接跳转
    // wx.navigateTo({
    //   url: '../logs/logs',
    // })

    //页面跳转2:数据传递
    wx.navigateTo({
      url: '../logs/logs?id=1', 
    })

    //标签链接 navigator  同方法===页面跳转2
      // < navigator url= "../logs/logs?id=3" >
      //   <view class="user-motto" >
      //     <text>文章3 < /text>
      //     < /view>
      //   < /navigator>

    

   //页面替换： 无法页面返回
    // wx.redirectTo({
    //   url: '../logs/logs',
    // })

      //标签链接 navigator  同方法===页面替换：
    // < navigator url= "../logs/logs?id=3" redirect>
    //   <view class="user-motto" >
    //     <text>文章3 < /text>
    //     < /view>
    //   < /navigator>
    
  }

})

<!--logs.wxml-->
<view class="container log-list">
  这里是文章内容.......

</view>

<view >

当前的文章id是：{{articleId}}
  
</view>

Page({
  data: {
    // 文章id设置
    articleId:null   
    
  },
  onLoad: function (options) {
    console.log("------logs  page  onLoad-------")

    console.log(options)

    console.log("id是" + options.id)
    console.log("title是" + options.title)

    this.setData({ articleId: options.id})

  }
})