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

正确的数据

相关推荐
2501_915921434 小时前
小团队如何高效完成 uni-app iOS 上架,从分工到工具组合的实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
2501_916008895 小时前
uni-app iOS 文件管理与 itools 配合实战,多工具协作的完整流程
android·ios·小程序·https·uni-app·iphone·webview
!win !6 小时前
uni-app项目Tabbar实现切换icon动效
小程序·uni-app
xw56 小时前
uni-app项目Tabbar实现切换icon动效
前端·uni-app
2501_916007477 小时前
uni-app iOS 文件调试常见问题与解决方案:结合 itools、克魔、iMazing 的实战经验
android·ios·小程序·https·uni-app·iphone·webview
豆豆(设计前端)7 小时前
使用 Uni-app 打包 外链地址APK 及 iOS 注意事项
ios·uni-app
jingling5557 小时前
uniapp | 解决组件样式不生效问题
前端·css·uni-app·html·学习方法
^Rocky7 小时前
微信小程序(uniapp)实现连接蓝牙
微信小程序·uni-app·蓝牙连接
2501_9159184114 小时前
uni-app 项目 iOS 上架踩坑经验总结 从证书到审核的避坑指南
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者814 小时前
iOS 上架 uni-app 流程全解析,从打包到发布的完整实践
android·ios·小程序·https·uni-app·iphone·webview