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

正确的数据

相关推荐
Rysxt_19 小时前
uni-app 使用教程:从入门到发布
uni-app
homelook2 天前
uniapp蓝牙demo
uni-app
2501_915909063 天前
手机崩溃日志导出的工程化体系,从系统级诊断到应用行为分析的多工具协同方法
android·ios·智能手机·小程序·uni-app·iphone·webview
郑州光合科技余经理3 天前
技术视角:海外版一站式同城生活服务平台源码解析
java·开发语言·uni-app·php·排序算法·objective-c·生活
wangdaoyin20103 天前
UniApp中使用LivePlayer进行视频或在流媒体播放
uni-app·liveplayer·h5播放视频
2501_915106323 天前
App HTTPS 抓包实战解析,从代理调试到真实网络流量观察的完整抓包思路
网络协议·http·ios·小程序·https·uni-app·iphone
游戏开发爱好者83 天前
苹果App Store应用程序上架方式全面指南
android·小程序·https·uni-app·iphone·webview
2501_916008893 天前
深入理解 iPhone 文件管理,从沙盒结构到开发调试的多工具协同实践
android·ios·小程序·https·uni-app·iphone·webview
一室易安3 天前
解决使用 UniApp 搭配 Vue3 小程序开始 使用uview-plus 的返回顶部up-back-top中onPageScroll 不触发的问题
小程序·uni-app
yilan_n3 天前
鸿蒙应用上传
vue.js·华为·uni-app