uniapp编辑页修改数据后返回到列表页(上一页)或首页,列表页或首页数据不刷新问题
uniapp编辑页(当前页)等修改数据后返回到列表页(上一页)或多次返回上一页到首页(非上一页),列表页或首页数据不刷新问题
解决方法:
一、返回到列表页(上一页)
1、首先在编辑页的修改数据的成功回调中调用uni.$emit('refreshData');向上一页传递refreshData事件
2、然后在列表页(上一页)的onLoad函数中监听refreshData事件
例:
编辑页(当前页)js:
submitForm(){//提交表单 this.$refs.form.validate().then(res=>{ add(this.formData).then((res)=>{ if(res.code == 200){ toast('新增成功')
//返回上一页 this.goBack()
//刷新上一页对应数据 uni.$emit('refreshData'); } }) }).catch(err =>{ console.log('表单错误信息:', err); }) },
列表页(上一页)js:
onLoad() { uni.$on('refreshData',() => {
//刷新对应数据 this.page.pageNum = 1 this.croplandList = [] this.initList() }); },
二、返回到首页(非上一页)
当前页无需其他js代码
首页js:
onShow() {//重新请求上一页操作的对应数据的接口,刷新数据 this.getTaskWaitingTotal() },