uni-app:navigateBack 前のページに戻ります

コード

パラメータは返されません

 前のページに戻るnavigateBackメソッドで使用されます。このパラメータは返すページ レイヤーの数を示します。ここで 1 に設定すると、前のページに戻ることになります。uni.navigateBackdelta

export default {
  methods: {
    navigateBack() {
      uni.navigateBack({
        delta: 1,
        success: () => {
          // 返回成功后的回调函数
        },
        fail: () => {
          // 返回失败后的回调函数
        }
      });
    }
  }
}

パラメータリターンあり

uni-app で前のページに戻って前のページを更新し、前のページのデータ値を設定するには、uni.emit、uni.emit、および uni.on を使用してイベントのパブリッシュとサブスクリプションを実装できます。

 現在のページ

export default {
  methods: {
    navigateBack() {
      uni.$emit('refreshPreviousPage', { data: '要设置的数据值' });
      uni.navigateBack({
        delta: 1,
      });
    }
  }
}

前のページ

uni.$on を使用して、マウントまたは作成されたライフサイクル内のイベントをリッスンし、コールバック関数でデータ値を更新および設定する操作を実行します。

uni.$emitというイベントを発行し、refreshPreviousPageそれを{ data: '要设置的数据值' }パラメータとして渡します。前のページはuni.$onこのイベントをリッスンするために使用され、ページの更新とデータ値の設定の操作はコールバック関数で実行されます。

注：通常用と各ページの<script>タグ内に紹介されています。uniuni.$emituni.$on

このようにして、前のページに戻ると、前のページが更新され、対応するデータ値が設定されます。

export default {
  mounted() {
    uni.$on('refreshPreviousPage', (data) => {
      this.refreshPage(data.data);
    });
  },
  methods: {
    refreshPage(data) {
      // 执行刷新页面的操作，并设置data值
      this.dataValue = data;
      // ...
    },
  }
}