方法一:通过 <navigator></navigator> 这个标签
你点击跳转的这个事件上添加 navigator 这个标签
具体写法是这样的
在 pages =>index => index.wxml 里面写上这样一段代码
<navigator url= '../logs/logs?id=100'>
<view>
<text class="user-motto">文章1</text>
</view>
</navigator>
设置好需要跳转的位置,在这里我想让它跳转到 logs 页面 ,等点击跳转过来的时候,logs.js 文件里面需要这样设置才能拿到参数 ,前提要在 onLoad 事件里面设置
具体设置如下
data: {
articleId : null
},
onLoad: function (options) {
this.setData({ articleId:options.id})
},
方法二: 通过 wx.navogateTo 这个API
在 pages =>index => index.wxml 里面写上这样一段代码,和方法一不同的是,去掉 navigator 这个标签 然后绑定一个点击事件
<view>
<text class="user-motto" bindtap='itemClick'>文章1</text>
</view>
在 pages =>index => index.js 里面设置 itemClick 事件
itemClick:function(){
wx.navigateTo({
url:'../logs/logs?id=1'
})
}
在 logs.js 的设置和方法一中是一样的,为了方法二的完整性我就直接从上面 copy 下来了
data: {
articleId : null
},
onLoad: function (options) {
this.setData({ articleId:options.id})
},