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

正确的数据

相关推荐
中犇科技18 分钟前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人29 分钟前
Uniapp如何构建和部署
uni-app
hhzz1 小时前
Uniapp项目中解决一个比较典型的图标渲染问题:原生 tabBar(pages.json 里配置的那种)
uni-app·json
小徐_233315 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
qq_2299331321 小时前
uniapp踩坑-组件嵌套子组件不触发onReachBottom事件
uni-app
00后程序员张1 天前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
JackieDYH1 天前
uniapp vue3 常用的生命周期和作用使用时机
javascript·vue.js·uni-app
PedroQue991 天前
uni-app路由管理神器:vue-router风格体验
前端·uni-app
chéng ௹1 天前
uniapp封装火山引擎 DataRangers 埋点 SDK
uni-app·apache·火山引擎
2501_915909061 天前
iOS IPA文件反编译与打包操作方法详解
android·ios·小程序·https·uni-app·iphone·webview