今天尝试了下小程序点击页面跳转,有两种方式: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
}
})
}