uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据
//当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emit('refreshData','可传入参数'); // uni.navigateBack({ // delta: 1, //返回的页面数,如果为1表示返回上一页 // success: function () { // console.log('返回上一页并刷新数据成功'); // } // }); } },
//监听页面卸载 onUnload() { this.back(); }, //监听页面加载,获取上一个页面跳转传递过来的参数(Object类型) onLoad(options) { //this.id= options.id; //console.log('onLoad'); this.setNavTitle(); } //这是返回到哪个页面就使用这个方法控制刷新 //返回上一页面中 uniapp在onLoad方法 vue在mounted 或 created中执行 onLoad(options) { //this.id= options.id; //正常进入该页面时获取数据 this.getData(); //从详情页返回该页面时获取数据 uni.$on('refreshData',() => { this.getData(); }); // uni.$on('refreshData', ('上页面传入的参数') => { // this.getData(); // }); }, methods:{ getData() { // 请求数据接口 ... ... } }
刷新当前页面
//重新获取数据 从而刷新当前页面数据 执行完成后(){ this.获取数据方法() } //强制刷新当前页面 this.$forceUpdate() //刷新当前页面 this.$router.go(0)
分类:
Vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具