赞
踩
在js的data 数据里有很多对象,对象里面有很多数据,如果想要修改里面的数据会很麻烦,这里讲述一个我室友传授我的“山人妙计”。
this.setData({
[‘business[0].mark1’]: this.mark1, //山人的妙计
[‘business[0].mark2’]: false,
[‘business[1].mark1’]: this.mark1,
[‘business[1].mark2’]: false,
});
下展示一段完整代码(仅供学习交流)
var utils = require(’…/…/utils/utils’); Page({ data: {
logo: ['../../images/logo1.png', '../../images/logo2.png'], content: [ "../../images/Paper4.jpg", "../../images/Paper3.jpg", "../../images/Paper1.jpg", "../../images/Paper2.jpg", "../../images/Paper5.jpg" ], markers: [{ id: 1, latitude: 40.88599, longitude: 121.06242, name: "菲络工作室", iconPath: "../../icons/choose2.png", width: "80rpx", height: "80rpx" }], content0: "风雨同行·共同成长。现在,服务的上千家中小型企业或组织与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。", content1: '服务之心·海纳百川。以客户需求为基础,以自身理念方向,成就客户,即成就我们!', news: [{ news_id: 'news1', news_title: '对标小程序!安卓推出 “快应用” !', news_content: '小米、华为、OPPO、VIVO等十家中国主流手机厂商聚集一起,要做一个针对微信小程序的快应用', time: { time: '2018/09/10' } }, { news_id: 'news2', news_title: '微信小程序能给用户带来什么?', news_content: '微信小程序使用的用户越来越多,功能也越来越齐全,现在已经许多完美熟知的功能,如导航、直播、', time: { time: '2018/10/05' } }, { news_id: 'news3', news_title: '如何合理利用网络塑造自己的平台', news_content: '现今是一个网络发达的时代,每个人都感同身受,很少有置身事外者,如何投身互联网来营造自己的平台', time: { time: '2018/10/28' } } ], // 业务模板数据 business: [{ mark1: false, mark2: false, whichLine: 'bus-firstline', whichItem: ['bus-firstline-item1', 'bus-firstline-item2', 'bus-firstline-item3'], src_img: ['../../icons/manage.png', '../../icons/weixin.png', '../../icons/web.png'], services: ['管理系统', '微信程序', '网站开发'] }, { mark1: false, mark2: false, whichLine: 'bus-secondline', whichItem: ['bus-secondline-item1', 'bus-secondline-item2', 'bus-secondline-item3'], src_img: ['../../icons/blog.png', '../../icons/android.png', '../../icons/aftersale.png'], services: ['个人博客', '安卓App', '流程步骤'] } ] }, /** * 显示business业务栏的tab页 */ mark1: false, mark2: false,
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
> /** * 页面切换方法 */ pageChange(e) { > var id = e.currentTarget.id; //用于主页面新闻的跳转 > var tabChange = e.currentTarget.dataset.tabChange; //用于tabBar的跳转 > if ('news' == id.substring(0, id.length - 1)) { > wx.navigateTo({ > url: '../../outPages/news/' + id + '/' + id > }); > } else { > wx.switchTab({ > url: "../" + tabChange + '/' + tabChange > }); > } }, /** * 展示业务页面 */ showPage(e) { > var id = e.currentTarget.id; //获取bus-firstline-itemx > var item = id.substr(id.indexOf('-') + 1); > var url = '../../outPages/business/'; > switch (item) { > case 'firstline-item3': > url += 'page/page'; > break; > case 'secondline-item1': > url += 'blog/blog'; > break; > case 'secondline-item2': > url += 'android/android'; > break; > case 'secondline-item3': > url += 'transaction/transaction'; > break; > } > if ('firstline-item1' == item) { > this.mark1 = !this.mark1; > this.setData({ > ['business[0].mark1']: this.mark1, //山人的妙计 > ['business[0].mark2']: false, > ['business[1].mark1']: this.mark1, > ['business[1].mark2']: false, > }); > console.log(this.mark1); > } else if ('firstline-item2' == item) { > this.mark2 = !this.mark2; > this.setData({ > ['business[1].mark1']: false, > ['business[1].mark2']: this.mark2, > ['business[0].mark1']: false, > ['business[0].mark2']: this.mark2, > }); > } else { > wx.navigateTo({ > url > }); > } > > }, /** * 拨打电话 */ makePhone: utils.makePhone, });
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。