当前位置: 首页 > news >正文

uniapp返回上一页接口数据更新了,页面未更新

注意:不是组件套组件可以不使用setTimeout延时 

返回上一页一般会走onshow,但是接口更新了页面未更新 

onShow(() => {// 切换城市后重新调用数据if (areaId.value) {const timer = setTimeout(async () => {timer && clearTimeout(timer);loadRecommendList(); //请求数据的方法}, 150); //解决多次切换数据为空问题}
});

 

切换城市后页面显示的还是旧数据 

使用watchEffect实时监听 areaId.value的变化,在城市切换后重新调用数据接口

watchEffect(() => {// 切换城市后重新调用数据if (areaId.value) {const timer = setTimeout(async () => {timer && clearTimeout(timer);loadRecommendList(areaId.value); //请求数据的方法}, 150); //解决多次切换数据为空问题}
});

正确的数据

 

 

相关文章:

  • Lua 第9部分 闭包
  • 官方不存在tomcat10-maven-plugin插件
  • Linux内核源码结构
  • ApacheJmeter使用权威指南
  • Maven 工程中的pom.xml 文件(图文)
  • Python3(6) 运算符
  • 【解读】Chrome 浏览器实验性功能全景
  • Windows:注册表配置应用
  • STM32F103 “BluePill” 上的 DMA 原理与实践
  • Javase 基础入门 —— 03 面向对象编程
  • 欧拉环境(openEuler 22.03 LTS SP3)安装移动磐维数据库(PanWeiDB_V2.0-S2.0.2_B01)步骤
  • 【漫话机器学习系列】219.支持向量机分类器(Support Vector Classifier)
  • 【异常解决】Spring Boot 返回排序后的 Map 但前端接收顺序不对的解决方案
  • Django 实现电影推荐系统:从搭建到功能完善(附源码)
  • Django DRF实现用户数据权限控制
  • 什么是数据库的DDL和DML,有什么区别?
  • Ollama API 应用指南
  • STM32与i.MX6ULL内存与存储机制全解析:从微控制器到应用处理器的设计差异
  • ROS 快速入门教程02
  • 游戏引擎学习第240天:将渲染器移至第三层
  • 2025年中央金融机构注资特别国债发行,发行金额1650亿
  • 股市劝服马斯克
  • 研究显示:日行9000步最高可将癌症风险降低26%
  • 正荣地产旗下“H20正荣2”债未能于宽限期内支付分期偿付款,尚未就新兑付方案达成一致
  • 吉林省委原书记、吉林省人大常委会原主任何竹康逝世
  • 全国人大常委会启动工会法执法检查