在uniapp中实现返回上一页并刷新的功能,通常可以通过以下几种方式来完成: 1. 使用uni.navigateBack()结合页面栈getCurrentPages() 这种方式直接在上一个页面的组件实例上调用刷新方法。需要注意的是,由于onLoad方法在页面创建时只调用一次,所以直接调用onLoad并不是一个好的选择。更常见的做法是调用一个自定义的刷新...
uni.$emit('refreshData');//uni.$emit('refreshData','可传入参数');//uni.navigateBack({//delta: 1,//返回的页面数,如果为1表示返回上一页//success: function () {//console.log('返回上一页并刷新数据成功');//}//});} }, //监听页面卸载onUnload() {this.back(); },//监听页面加载,获...
exportdefault{methods: {//操作完成返回消息首页Operation() {letpages =getCurrentPages();// 当前页面letbeforePage = pages[pages.length-2];// 上一页beforePage.data.refreshIfNeeded=true; uni.navigateBack({delta:1}) }, } } 如果返回上一页面需要传递数据 A页面跳转到B页面进行数据填写或修改,B页面...
2、第二个页面 two.vue,返回one.vue页面,要传递的参数是index:1 <template> <view> 点击返回上一页 </view> </template> export default { data() { return { index:1,//返回上一页要穿的参数 } }, methods: { goBack() { uni.$emit('isRefresh', this.index) uni.navigateBack({ delta: 1 ...
let options = { xx:xx //例如上一页面是id为2的数据,要传递回去 } page.onLoad(options); } }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 如果说我们想用返回的上一个页面的options,用page自带的options 第二种代码: uni.navigateBack({
// 返回上一页并刷新数据方法 let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 beforePage.data.refreshIfNeeded = true; // 返回上一页 delta返回的页面数 如果delta大于现有页面数,则返回首页 ...
分析:一般调用navigateBack返回上一页时有两种情况 不需刷新:查看内容,状态未改变. 需刷新:在第二页编辑后,上一页列表中与之对应的数据状态一起改变 目前想出的方案是在回退之前修改上页判断条件,回退后重新获取判断条件在决定是否刷新。 示例: 详情页
// 返回上一页并发送刷新列表的信号functiongoBackAndRefresh(){// 先返回上一页uni.navigateBack({delta:1,// 返回的页面数,如果 delta 大于现有页面数,则返回到首页success:function(){// 返回成功后,发送刷新列表的事件uni.$emit('refreshList',{});}});} ...
A页面--push到-->B页面，在B页面完成相关操作后pop返回上一页面A，根据B页面的操作结果控制返回A页面后是否刷新
console.log('监听到事件来自返回的参数:'+data);//TODO 下面执行刷新的方法}) }, methods: { } } 2、第二个页面 two.vue,返回one.vue页面,要传递的参数是index:1 <template> <view> 点击返回上一页 </view> </template> exportdefault{ data() {return{ index:1...