uniapp、微信小程序返回上页面刷新数据

目录

前言:

方法1:

方法2:

方法3:


前言:

返回上页面刷新数据这个功能主要用于在当前页面点击跳转到另一个页面之后,在另一个页面对数据进行了操作,比如:阅读量,然后返回上页面,让阅读量随之改变

方法1:

使用uniapp和微信小程序的跳转api进行跳转,这样会重新执行onload事件

方法2:

不经常用,没用过,只听说过

javascript 复制代码
// 页面A.vue
// 触发自定义事件
this.$emit('refreshData', data);

// 页面B.vue
// 监听自定义事件并执行数据刷新操作
this.$on('refreshData', (data) => {
  // 执行数据刷新操作
});

方法3:

通过onshow钩子函数进行重新请求接口、重新赋值等等

javascript 复制代码
onShow() {
	console.log('onShow');
},
相关推荐
七七小报32 分钟前
uniapp-商城-36-shop 购物车 选好了 进行订单确认2 支付方式颜色变化和颜色滤镜filter
uni-app
lh_125436 分钟前
uniapp 常用开发技巧与实战指南
uni-app
某公司摸鱼前端1 小时前
uniapp 仿企微左边公司切换页
前端·uni-app·企业微信
WKK_1 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app
晨集1 小时前
Uni-App 多端电子合同开源项目介绍
java·spring boot·uni-app·电子合同
盛夏绽放5 小时前
uni-app中获取用户实时位置完整指南:解决权限报错问题
uni-app·notepad++
xixixin_6 小时前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
一夜枫林12 小时前
uniapp自定义拖拽排列
前端·javascript·uni-app
良艺呐^O^12 小时前
uniapp实现app自动更新
开发语言·javascript·uni-app
thigh_d1 天前
uniapp 安卓离线本地打包,Android Studio生成apk包
android·uni-app·android studio