小程序页面跳转

今天尝试了下小程序点击页面跳转，有两种方式：navigator组件跳转和添加点击事件跳转。

1.navigator组件跳转

和a标签跳转差不多，给navigator添加要跳转到的url地址即可（这里需要注意下，我们在使用微信web开发者工具按enter自动补全时生成的组件有错，navigator闭合标签的“/”位置应该是在navigator前，而自动生成的是<navigator/>,导致编译报错，同样的还有image组件等）

<span style="font-size:14px;"><navigator url="../logs/logs">点击跳转到logs页面</navigator></span>

2.为组件绑定跳转事件

    index.wxml中为image绑定事件

<span style="font-size:14px;">  <image src="{{item.imgsrc}}" bindtap="tz"></image></span>

   index.js文件中添加跳转方法：

tz: function(){
    wx.navigateTo({
      url: '../logs/logs',
      success: function(res){
        // success
      },
      fail: function() {
        // fail
      },
      complete: function() {
        // complete
      }
    })
  }