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.mzph.cn/bicheng/78043.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MCU开发学习记录11 - ADC学习与实践(HAL库) - 单通道ADC采集、多通道ADC采集、定时器触发连续ADC采集 - STM32CubeMX

名词解释: ADC: Analog-to-Digital SAR:Successive Approximation Register 本文将介绍ADC的概念、相关函数以及STM32CubeMX生成ADC的配置函数。针对于ADC实践:单通道采集芯片内部温度传感器(ADC1_ch16)&a…

68元撬动未来:明远智睿2351开发板重塑嵌入式开发生态

在嵌入式开发领域,价格与性能的矛盾始终存在:高端开发板功能强大但成本高昂,低价产品则往往受限于性能与扩展性。明远智睿2351开发板以68元(含税)的定价打破这一僵局,通过四核1.4G处理器、全功能Linux系统与…

关于ubuntu密码正确但是无法登录的情况

参考这个文章: https://blog.csdn.net/cuichongxin/article/details/117462494 检查一下是不是用户被lock了 输入passwd -s username 如果用户是L状态,那么就是lock了。 使用 passwd -u username 解锁 关于 .bashrc 不生效 有几点: ~/.…

LeetCode-47. 全排列 II

1、题目描述: 给定一个可包含重复数字的序列 nums ,按任意顺序 返回所有不重复的全排列。 示例 1: 输入:nums [1,1,2] 输出: [[1,1,2],[1,2,1],[2,1,1]]示例 2: 输入:nums [1,2,3] 输出&am…

Python 设计模式:访问者模式

1. 什么是访问者模式? 访问者模式是一种行为设计模式,它允许你在不改变对象结构的前提下,定义新的操作。通过将操作封装在访问者对象中,访问者模式使得你可以在不修改元素类的情况下,向元素类添加新的功能。 访问者模…

基于stm32的智能门锁系统

标题:基于stm32的智能门锁系统 内容:1.摘要 摘要:随着科技的飞速发展,人们对家居安全的要求日益提高,智能门锁系统应运而生。本研究的目的是设计并实现一个基于STM32的智能门锁系统。采用STM32微控制器作为核心控制单元,结合指纹…

GitHub 常见高频问题与解决方案(实用手册)

目录 1.Push 提示权限错误(Permission denied) 2.push 报错:rejected non-fast-forward 3.忘记添加 .gitignore,上传了无关文件 4. 撤销最近一次 commit 5.clone 太慢或失败 6.如何切换/创建分支 7.如何合并分支 8.如何删除远程分支 9.如何 Fork + PR(Pull Reque…

【MySQL数据库入门到精通-04 DML操作】

一、DML DML英文全称是Data Manipulation Language(数据操作语言),用来对数据库中表的数据记录进行增、删、改操作。 二、添加数据 1.给指定字段添加数据 代码如下(示例): insert into 表名 (字段1,字…

2022 年 9 月青少年软编等考 C 语言六级真题解析

目录 T1. 栈的基本操作T2. stack or queue思路分析T3. 合影效果T4. 发型糟糕的一天思路分析T1. 栈的基本操作 题目链接:SOJ D1188 此题为 2022 年 6 月三级第二题仅有栈操作的版本,见 2022 年 6 月青少年软编等考 C 语言三级真题解析中的 T2。 T2. stack or queue 题目链…

美创市场竞争力突出!《2025中国数据安全市场研究报告》发布

数据要素时代,数据已成国家战略性资源,数据安全关乎国家安全!数说安全发布的《2025中国数据安全市场研究报告》(以下简称《报告》)显示,2024年数据安全市场逆势增长,市场规模首次突破百亿。《报…

VUE Element-ui Message 消息提示组件自定义封装

为了让message 信息提示的更加方便快捷,减少不同地方的调用,避免代码的重复,特意再官方message 组件的基础上二次封装,使代码更加的优雅和高效。 实现效果: 代码组件: 封装成 message.js 文件,…

高防IP能抵御哪些类型的网络攻击?

高防IP(High Defense IP)是一种专门针对网络攻击设计的防护服务,主要通过流量清洗、协议分析、行为检测等技术抵御多种网络攻击。以下是其能防御的主要攻击类型及原理: ​​一、常见防御的攻击类型​​ ​​DDoS攻击(分…

小红书文字配图平替工具

小红书的文字配图只有手机版有,想找一个电脑版的,查了一下。以下是几款类似小红书风格的花字、艺术字生成工具,适合制作吸睛的社交媒体配图,分为 手机APP 和 在线工具 两类,供你选择: 一、手机APP推荐 醒图…

【浙江大学DeepSeek公开课】走向数字社会:从DeepSeek到群体智慧

从DeepSeek到群体智慧 一、人工智能发展脉络二、DeepSeek大模型的意义与特点三、人工智能促进社会数字化转型四、群体智慧与数字社会 一、人工智能发展脉络 图灵与图灵机:1937年,图灵发表论文《On computable numbers, with an application to the Ents…

解读大型语言模型:从Transformer架构到模型量化技术

一、生成式人工智能概述 生成式人工智能(Generative Artificial Intelligence)是一种先进的技术,能够生成多种类型的内容,包括文本、图像、音频以及合成数据等。其用户界面的便捷性极大地推动了其广泛应用,用户仅需在…

JSON实现动态按钮管理的Python应用

在开发桌面应用程序时,动态生成用户界面元素并根据配置文件灵活管理是一项常见需求。本文将介绍如何使用Python的wxPython库结合JSON配置文件,开发一个支持动态按钮创建、文件执行和配置管理的桌面应用程序。该应用允许用户通过设置界面配置按钮名称和关…

序章:写在前面

目录 为什么要学习 Python?那么,Python 到底是什么呢?Python 的用户多吗?Python 的语法究竟是怎样的?C 语言JavaPython Python 好学吗? 为什么要学习 Python? 这个问题或许会让不少人感到不解。…

onlyoffice历史版本功能实现,版本恢复功能,编辑器功能实现 springboot+vue2

文章目录 oonlyoffice历史版本功能实现 (编辑器功能实现)springbootvue2前提 需要注意把这个 (改成自己服务器的ip或者域名) 改成 自己服务器的域名或者地址1. onloyoffice 服务器部署 搜索其他文章2. 前段代码 vue 22.1 需要注意把这个 (改成自己服务器…

解决ubuntu server修改为中文后乱码问题(改回英文)

操作步骤 1.安装英文语言包 sudo apt-get install language-pack-en2.编辑/etc/default/locale文件 sudo vim /etc/default/locale修改为以下内容: LANG"en_US.UTF-8" LANGUAGE"en_US:en" LC_ALL"en_US.UTF-8"3.应用配置 sudo l…

安卓的Launcher 在哪个环节进行启动

安卓Launcher在系统启动过程中的关键环节启动,具体如下: 内核启动:安卓设备开机后,首先由引导加载程序启动Linux内核。内核负责初始化硬件设备、建立内存管理机制、启动系统进程等基础工作,为整个系统的运行提供底层支…