uniapp返回按钮后上级页面刷新

在uniapp中，可以通过监听页面的生命周期函数 `onShow` 来实现返回上级页面后刷新页面的效果。具体实现方式如下：

1. 在上级页面中的 `onShow` 函数中添加需要刷新的代码，比如重新获取数据等。

2. 在当前页面中使用 `uni.navigateBack` 函数返回上级页面。注意，需要在 `uni.navigateBack` 函数中传递一个回调函数，用于在返回上级页面后执行刷新操作。

示例代码如下：

// 上级页面中的onShow函数
onShow() {
// 添加需要刷新的代码，比如重新获取数据等
}

// 当前页面中的返回按钮点击事件
onBackClick() {
uni.navigateBack({
delta: 1,
complete: function() {
// 在返回上级页面后执行刷新操作
uni.$emit('refresh')
}
})
}

// 上级页面中的mounted函数中添加监听事件
mounted() {
uni.$on('refresh', () => {
// 执行刷新操作
})
}

相关问题

uniapp点击返回刷新上级页面

如果您需要在uniapp中点击返回按钮（物理返回键或者页面内返回按钮）时刷新上一个页面，您可以使用uniapp提供的导航守卫和事件总线机制实现。具体实现步骤如下：

1. 在您需要刷新的页面中，定义触发事件的方法和导航守卫：

// 在页面中定义触发事件的方法和导航守卫
export default {
  beforeRouteLeave(to, from, next) {
    // 调用触发事件的方法
    this.triggerRefreshEvent()
    next()
  },
  methods: {
    // 定义触发事件的方法
    triggerRefreshEvent() {
      this.$emit('refreshPage')
    }
  }
}

2. 在上一个页面中，监听该事件并定义刷新方法：

// 在上一个页面中监听事件并定义刷新方法
export default {
  created() {
    // 监听事件，当事件被触发时执行刷新方法
    this.$on('refreshPage', () => {
      // 执行刷新方法
      this.refresh()
    })
  },
  methods: {
    // 刷新方法
    refresh() {
      // 在这里执行您需要的刷新操作
    }
  }
}

这样，当用户从当前页面返回到上一个页面时，会触发当前页面的导航守卫 `beforeRouteLeave` 方法，并调用触发事件方法 `triggerRefreshEvent`，从而在上一个页面中触发事件并执行刷新方法，实现了点击返回刷新上级页面的效果。

uniapp的onBackPress返回上级页面并刷新

在uniapp中，可以通过uni.navigateBack()方法返回上级页面，并且在onBackPress()方法中调用uni.$emit()方法来触发上级页面的事件来刷新页面。

具体实现方法如下：

1. 在当前页面的onBackPress()方法中，调用uni.navigateBack()方法返回上级页面，并且通过uni.$emit()方法触发上级页面的事件来刷新页面，如下：

onBackPress() {
    uni.navigateBack({
        delta: 1,
        success: function() {
            uni.$emit('refreshPage');
        }
    });
}

2. 在上级页面中，通过uni.$on()方法监听refreshPage事件，并在事件处理函数中进行页面刷新操作，如下：

onLoad() {
    uni.$on('refreshPage', function() {
        //进行页面刷新操作
        //...
    });
}

这样，在返回上级页面之后，就会自动触发refreshPage事件，来刷新页面。