ページを一つ前に戻る

chat.vue

<router-link :to="`/board/${this.uid}`" class="back-btn">

chat.vue

  created() {

    const currentUser = firebase.auth().currentUser;
    this.uid = currentUser.uid;

    firebase
      .firestore()
      .collection("users")
      .doc(currentUser.uid)
      .get();
}

router.vue

 {
    path: "/board/:uid",
    name: "Board",
    component: Board,
  },

上記では、変数に入れてるが入れずに記述すると下記になります。
このコードでログイン中のuidを取得できます。

chat.vue

 firebase
   .firestore()
   .collection("users")
   .doc(firebase.auth().currentUser.uid)
   .get();

そして、routerで記述したようにPathを"/board/:uidとしているので、
router-linkタグに:to="/board/${this.uid}"としてあげると/boardページに戻ることが出来る。

chat.vue

<router-link :to="`/board/${this.uid}`" class="back-btn">