尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

实用指南:小程序非主页面的数据动作关联主页面的数据刷新操作

实用指南:小程序非主页面的数据动作关联主页面的数据刷新操作
📅 发布时间:2026/6/20 19:32:49

实用指南:小程序非主页面的数据动作关联主页面的数据刷新操作

在主页面跳转到其他页面。比如说我的收藏页面,然后有取消收藏的动作,当返回到主页面的时候,如果有关联数据表现在主页面,刷新页面对应的状态。就是若
下面的代码是实现:

//卡片收藏/取消

if (newCollectd) {

this.setData({

'item.isCollect': 1

});

this.onCollectNet();

}

else {

this.setData({

'item.isCollect': 0

});

this.onCollectCancelNet();

}

const pages = getCurrentPages();

const currentPage = pages[pages.length - 1];

console.log('currentPage', currentPage.route)

if (currentPage.route == 'pages/collectManage/myCollectList/index') {

app.eventBus.emit('likeChange', { item: this.data.item });

}

// this.triggerEvent('action', {type: 'like', item: this.data.item });

},

在主页面的JS的代码

lifetimes: {

attached() {

app.eventBus.on('loginRequestCollect', (data) => {

this.getCollectList()

})

app.eventBus.on('likeChange', (data) => {

let itemInArr = false

let changeIndex = null

this.data.swiperList.forEach((v, i) => {

if (v.id === data.item.id) {

itemInArr = true

changeIndex = i

v.isCollect = data.item.isCollect

console.log(v)

}

})

if (itemInArr) {

let changeStr = 'swiperList[' + changeIndex + ']'

this.setData({ [changeStr]: this.data.swiperList[changeIndex] })

setTimeout(() => { });

}

});

}

},

通过对比看是否存在,并且获取在数组的序列,然后刷新单个数据,而不是刷新整个数组

相关新闻

  • PHP数组去重和集合有什么关系
  • kkFileView4.4.0 安装与使用
  • macbook air和windows系统区别

最新新闻

  • Windows零门槛本地部署Claude Code+Minimax实战指南
  • ControlFoley:统一可控的视频到音频生成框架,解决跨模态冲突
  • Hanime1Plugin完整指南:如何在Android设备上实现纯净观影体验
  • 终极Windows驱动管理指南:DriverStore Explorer完整使用教程
  • PNX2015视频解码芯片寄存器配置实战:从时序到ITU656流生成
  • Linux 系统编程 · 第 34 章:定时器与时间

日新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号