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

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); //解决多次切换数据为空问题}
});

正确的数据

 

 

http://www.xdnf.cn/news/1340.html

相关文章:

  • 嵌入式WebRTC音视频实时通话EasyRTC助力打造AIOT智能硬件实时通信新生态
  • 【小皮(PHPstudy】
  • Collection集合,List集合,set集合,Map集合
  • 主流单片机厂商/系列、型号、内核、主频、Flash、RAM、关键外设、特殊功能、典型应用及选型对比与分析,
  • 学习海康VisionMaster之卡尺工具
  • 【redis】主从复制
  • MATLAB 下载安装教程
  • ubuntu系统下部署使用git教程
  • 第五章:Benchmark Framework
  • C# .NET Core 批量下载文件
  • 【最新版】沃德代驾源码全开源+前端uniapp
  • rust编程学习(三):8大容器类型
  • Linux:42线程控制lesson30
  • [进程通信] 管道 vs 共享内存 vs 网络
  • Linus的权限问题
  • 强化学习和微调 区别如下
  • PostgreSQL认证培训推荐机构
  • 动态提示词(小模型)、RAG和提示词系统
  • LLMs可在2位精度下保持高准确率
  • C语言高频面试题——sizeof和strlen的区别
  • Unity设计模式实战:用单例和观察者模式优化你的游戏架构 (Day 36)
  • 初次尝试Ghidra
  • C++进阶--二叉搜索树
  • NGINX如何处理并发请求?你会如何调整NGINX的配置以优化性能?
  • 【Ultralytics 使用yolo12 读取tiff 数据异常解决】
  • el-table表格既出现横向滚动条,又出现纵向滚动条?
  • 跨团队协作时流程不统一,如何协调
  • 部署Megatron - LM,快速上手使用
  • 15.电感特性在EMC设计中的运用
  • (undone) 吴恩达版提示词工程 3. 迭代 (建议用到的时候再根据目录针对看)