在微信小程序中进行跳转方法有几个，一般都会利用button或者navigateTo进行直接跳转。我这里有种笨方法，可以在列表中点击按钮后跳转到详细文章列表，然后获取传递来的参数直接显示：在点击按钮设置事件，在detail的js中获取并设置数据。
点击图片可以查看大图
下面的lists的js这是button的事件处理：
viewDetail: function (e) {
// console.log(e)
var data = e.currentTarget.dataset
wx.navigateTo({
url: 'detail/detail?title='+data.title+"&contnt="+data.content+"&author="+data.author+"&addtime="+data.addtime,
success: function(res) { },
fail: function(res) {},
complete: function(res) {},
})
}
在列表中的button设置要传递的参数，用data-xxx设置：
<button size='default' type='primary' class='view-btn' bindtap="viewDetail" data-author="{{item.author}}" data-title='{{item.title}}' data-addtime='{{item.addtime}}' data-content='{{item.content}}'>查看详情</button>
在detail的js中获取数据：
onLoad: function (data) {
console.log(data)
this.setData({
title:data.title,
author:data.author,
addtime:data.addtime,
content:data.contnt
})
},
最后在detail的wxml中显示数据：
<view class="article">
<view class='title'>{{title}}</view>
<view class='info'>
<view class='author'>来源：{{author}}</view>
<view class='addtime'>时间： {{addtime}}</view>
</view>
<view class='clear'></view>
<view class='content'>
{{content}}
</view>
<button class='btn' type='primary' bindtap='goback'>返回列表</button>
</view>