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

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',

})

},

 

 

 

仅供参考

刚开始做小程序的可以加qq群：581478349  遇到不会的直接发群里就会有人教你怎么解决