功能描述:
在页面A的添加应用中点击”添加“,跳转到展示所有应用的页面B,通过点击开关,在页面A中展示所开启的应用
效果展示:
代码:
页面B代码:
<div class="itembox" v-for="(item,index) in appinfo" :key="index"><div class="boxhead"><img :src="item.imgsrc"><div class="time"><h3>{{item.appname}}</h3><span>{{item.appintro}}</span></div><span class="stutas" :class="{'offbtn':item.btnlock}" @click="toBs(index)">{{item.btntxt}}</span></div></div>
页面Bjs代码:
toBs(index){//切换开发样式this.appinfo[index].btnlock=!this.appinfo[index].btnlockif(this.appinfo[index].btnlock == true){this.appinfo[index].btntxt = "未启用"//setappArr.splice(this.appinfo[index],1);for (var i = 0; i < setappArr.length; i++) {if (setappArr[i] == this.appinfo[index]) {setappArr.splice(i, 1);break;}}wx.setStorage({key: 'apply', //key为存储的名字 可自行定义 但是注意获取时也要用这个名字data: setappArr //要存储的数据})}else{this.appinfo[index].btntxt = "已启用"setappArr.push(this.appinfo[index])wx.setStorage({key: 'apply', //key为存储的名字 可自行定义 但是注意获取时也要用这个名字data: setappArr //要存储的数据})}}
页面A中
onShow(){var _this = thiswx.getStorage({key: 'apply',success (res) {_this.appinfo = res.dataconsole.log(res.data)}})}
代码