微信小程序的点击元素跳转页面事件

   1.redirectTo
    //两个页面平行跳转，跳转之后关闭之前的页面，不能返回之前的页面。
      用法：
      wxml：
      <view class="usermotto" bindtap='ontTap'>
         <text class="user-motto">{{motto}}</text>
      </view> 
      
      js：
      ontTap: function () {
          wx.redirectTo({url: '../index/index',
          })
      },
       // url后面放路径
      2.  navigateTo 
        //父页面跳子页面，跳转之后隐藏之前的页面，可以返回之前的页面。
         用法：
          wxml：
           <view bindtap='ontTap' id='{{item.id}}'>
              <image src='{{item.img}}' class='img'></image>
           </view>
           
            js：
             ontTap: function () {
                    wx.navigateTo({url: '../product/product',
                    })
               },