微信小程序实例：详情页数据动态实现的方法介绍（小程序动态生成页面）

微信小程序实例：详情页数据动态实现的方法介绍（小程序动态生成页面）

本篇文章给大家带来的内容是关于微信小程序实例：detail详情页数据动态展示的方法介绍 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

list.js

// pages/detail/detail.jslet datas = require('../../datas/list-data.js');Page({ /*** 页面的初始数据*/ data: { detailObj:{}, index:null }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { let index=options.index; this.setData({ //把引入的数据根据下标对应放到detailObj中 detailObj:datas.list_data[index], //index也存放起来 index:index }) },-

然后在detail.wxml中展示就可以了

{{detailObj.author}} 发布于 {{detailObj.date}} {{detailObj.title}} 转发此文章 {{detailObj.detail_content}}-

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。