“使用数据填充新闻详情页面”的版本间的差异
来自CloudWiki
(创建页面,内容为“云计算1701 刘语”) |
|||
(未显示2个用户的13个中间版本) | |||
第1行: | 第1行: | ||
− | + | '''数据填充:''' | |
+ | 事件: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.'''变量名 |
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.变量名