数据列表进入数据详情修改数据后返回数据列表实时更新数据解决方法

.小董同学

于 2023-06-03 09:21:29 发布

阅读量293

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/ord_D/article/details/131017616

版权

在数据详情页面中，当操作完成时，可以使用uni.$emit触发data-updated事件。在onShow生命周期方法里，通过uni.$on监听这个事件来执行相应的代码块。这种方法避免了频繁的请求，但在onShow直接编写可能会导致过多的请求调用。

摘要由CSDN通过智能技术生成

1、可以在数据详情页里面，操作完成时，页面跳转前添加代码：

// 数据详情页面定义。在页面跳转前设置
uni.$emit('data-updated');


// 数据详情页面监听是否是定的是参数，如果是定义的参数执行代码块
onShow() {
  uni.$on('data-updated', () => {
    // 当条件成立执行
    // 执行代码...
  });
},

也可以直接在onshow页面写，但是会频繁的请求。