使用数据填充新闻详情页面

数据填充: 事件:post.js

 ly:function(event){
   var id =event.currentTarget.dataset.id;
   wx.navigateTo({
     url: 'post-detial/post-detial?id=' + id,
   })  
 },

数据id从post.js传递到post-detial.js 格式url:'跳转路径?id=' + id 里的id(不是固定可以随意取名) post-detial.js接收来自post.js的数据 (在生命周期里接收) Page({

 onLoad:function(option){
   
   var id = option.id;   //这里的id是前面中的id
 
    }

})

填充详情页面数据(依据自己要求在posts-data.js添加) 在post.js引用数据 var postsData = require("../../../data/post-data.js") //依据层级页面添加相对路径 定义变量 Page({

 onLoad:function(option){
   
   var id = option.id;
   var postData = postsData.postList[id] ; //此id为数据详情页面添加的变量名
   ;
    }})

因某些原因this.data做数据绑定已经不能用了 所以绑定数据只能用this.setData({ postData: postData });

Page({

   onLoad:function(option){
   var id = option.id;
   var postData = postsData.postList[id] ;
   this.data.postData= postData   //  此数据绑定的形式已经失效 看看就行 用下面这种
   this.setData({ postData: postData });
    }})

1.回到post-detial.wxml利用{{ }}的形式更改你所学要更改的动态数据

2.利用调试页面的APPDATA调试{{ }}的子属性

3.依据我们前面更改的数据 我们在定义这些动态数据时{{}}里写成 postData.变量名