查看“小程序:文章收藏(1)”的源代码
←
小程序:文章收藏(1)
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==动态参数下如何调试页面== 上一节讲到,页面可以接收动态参数,以根据参数显示不同的内容。 那么我们如何调试带有动态参数的页面呢 ? 打开编译模式,在启动参数一栏 写上要传给这个页面的参数及其值。 [[文件:wexin21061301.png|600px]] ==实训步骤== ===替换图片=== 将文中彩色的收藏按钮 替换为无色的 <nowiki> <view class="circle"> <image class="share-img" src="/images/icon/share.png"></image> <image src="/images/icon/collection-anti.png"></image> </view></nowiki> ===绑定事件=== <nowiki> <view class="circle"> <image class="share-img" src="/images/icon/share.png"></image> <image binc:tap="onCollect" src="/images/icon/collection-anti.png"></image> </view></nowiki> ===设置须传递的参数=== <nowiki> /** * 页面的初始数据 */ data: { _pid: null, }, onLoad: function (options) { //console.log(options) const postData = postList[options.pid] this.data._pid = options.pid console.log(postData) this.setData({ postData }) }, </nowiki> ===小知识:JS动态属性=== <nowiki> onCollect(event,attr){ //假设未收藏→>收藏 //哪篇文章被收藏 //数据结构多篇文章是否被收藏 wx.setStorageSync('posts_collected' ,{ // this.data._pid:true }) const obj = { flag:1 } obj.flag=2 obj.attr=2 obj[attr]=3 },</nowiki> *可以这么写:obj[attr],但是不能这样写obj.attr. ===编写事件=== <nowiki> onCollect(event){ //假设未收藏→>收藏 //哪篇文章被收藏 //数据结构多篇文章是否被收藏 wx.setStorageSync('posts_collected' ,{ this.data._pid:true }) }, </nowiki>
返回至
小程序:文章收藏(1)
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息