迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架,基于MIT开源许可协议发布,免费且不限制商业使用,是免费开源的产品,以万端互联为设计理念,支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
联系官方销售客服
1835022288
028-61286886
小程序里,如何根据文章列表,跳转到文章内容页?
<view class="infoRow marginB20" wx:for="{{newList}}" wx:key="key" wx:for-index="idx" wx:for-item="vo"> <view class="infoRowAuto"> <view class="n-list"> <navigator url="../new_content/new_content?id={{vo.id}}"> <text class="n-t1">{{vo.title}}</text> <text class="n-cont">{{vo.description}}</text> <text class="n-t2">{{vo.inputtime2}}</text> </navigator> </view> </view> </view> 这里传的{{vo.id}} 应该不需要多解释 就是文章的id
/** * 生命周期函数--监听页面加载 */ 这里是获得渲染过来的id 也就是 ?id={{vo.id} onLoad: function (options) { let that = this; let newid = options.id; that.setData({ newid: newid }) var url = app.api.getContent + "&p1=news" + "&p2=" + newid; wx.request({ url: url, data: {}, method:'get', success: function (res) { var obj = res.data.result[0]; console.log(obj) var content = obj.content; if (content) { WxParse.wxParse('content', 'html', content, that, 0); } that.setData({ viewDetail: obj }) } }) app.api.getContent + "&p1=news" + "&p2=" + newid; 这个url自己返回 你有自己的接口 直接把你获得的id拼接进去就好了
然后下面就是详情页的制作了 具体看下图
具体位置给你画出来了接下来就是详情页的制作了 可以获得数据了 那么直接在详情输出即可。
友情提示,我小程序用了一些插件处理数据。所以和你的 js 代码有点不一样 体会到核心东西即可。