vue/uniapp - 返回上一页并onLoad刷新数据

在uni中，返回页面是不会触发onLoad方法的；

如果我们只想在特定情况下返回上一页才需要刷新数据，那么用onShow的话，那刷新就太频繁了；

这时候，可以用$emit和$on去解决。

比如说，从详情页(detail.vue) 回到列表页(list.vue)：

详情页(detail.vue)：

methods:{back() {uni.$emit('refreshData');uni.navigateBack({delta: 1})}
}

列表页(list.vue)

onLoad() {// 正常进入该页面的获取数据this.getData();// 从详情页返回该页面的获取数据uni.$on('refreshData',() => {this.getData();})
},
methods:{getData() {// 请求数据接口... ...}
}

纯手敲，若有误，请指出！

vue/uniapp - 返回上一页并onLoad刷新数据相关推荐

uniapp - 返回上一页携带参数或刷新数据
在uni中,返回页面是不会触发onLoad方法的: 如果我们只想在特定情况下返回上一页才需要刷新数据,那么用onShow的话,那刷新就太频繁了: 这时候,可以用$emit和$on去解决. 比如说,从详 ...
vue 生命周期返回不触发_Vue生命周期activated之返回上一页不重新请求数据操作...
activated: 英文原意:使活动.触发在Vue的生命周期函数中,这个好像用的不是特别多?(也许只是在我的工作中这个用的不多,或者说叫几乎不用这个) 一.需求前不久在项目中有这样一个需求: 在 ...
Vue 返回上一页页面不刷新
Vue 返回上一页页面不刷新场景:首页点进列表页时要刷新数据,信息页返回列表页时不刷新数据首先在router.js中配置 {path: '/home',name: 'home',meta: {ti ...
ionic 返回上一页，并刷新父页面
ionic 返回上一页,并刷新父页面使用Angular中EventEmitter事件驱动实现不同页面通讯 Ionic4中内置的生命周期函数:ionViewDidLeave - 在页面离开后触发 io ...
vue 实现返回上一页不请求数据keep-alive
常规操作: 我们通常会将通过接口请求数据的方法放在==created== 或者 ==mounted==这两个生命周期中的一个里面调用. 但是我们知道,不管是我们刚进入这个页面还是从其他页面返回这个页面 ...
Uniapp返回上一页触发页面更新
文章目录前言一.难点有哪些? 二.返回上一页三.触发上一页的更新四.监听reFresh 五.示例源码总结前言本来返回上一页可以使用uni.navigateBack(OBJECT),但是这 ...
uniapp返回上一页携带参数,两种方法，实测有效
方法一: pages/pre/pre.vue <template><view><view>返回的数据为:</view><view>id: { ...
uniapp返回上一页执行上一页方法
在使用uniapp的过程中,我相信,我们都一定遇见过如下的场景: 进入了一个列表页,列表页进入详情页,在详情页进行了一些操作,比如,删除,修改,编辑,提交,成功之后返回到列表页,那么这个时候,如果我们 ...
uniapp返回上一页并传递参数
说是传递参数,实际是在你返回之前先修改了上一页的data里面的数据再进行返回上一页的操作. // 获取所有页面栈实例列表 let pages = getCurrentPages(); // 当前页页面 ...

vue/uniapp - 返回上一页并onLoad刷新数据

vue/uniapp - 返回上一页并onLoad刷新数据相关推荐

最新文章

热门文章