“使用数据填充新闻详情页面”的版本间的差异
来自CloudWiki
| 第51行： | 第51行： | ||
3.依据我们前面更改的数据 我们在定义这些动态数据时{{}}里写成 '''postData.'''变量名 | 3.依据我们前面更改的数据 我们在定义这些动态数据时{{}}里写成 '''postData.'''变量名 | ||
| − | |||
| − | |||
2018年11月24日 (六) 10:33的最新版本
数据填充: 事件: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.变量名
