查看“使用数据填充新闻详情页面”的源代码
←
使用数据填充新闻详情页面
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
'''数据填充:''' 事件: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.'''变量名 [[文件:File.jpg]]
返回至
使用数据填充新闻详情页面
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息