【Vue × Firebase】現在ログイン中のuidを取得し、ページを戻るボタンを実装

現在ログイン中のuidを取得し、ページを戻るボタンを実装

HTML部は、router-linkタグを使用して、:to="/board/${this.uid}で
[/board/uid]ページに戻るボタンを設置。

chat.vue

<router-link :to="`/board/${this.uid}`" class="back-btn">
 <img src="../assets/戻る.jpg" alt="チャット終了" class="back-btn-icon" />
</router-link>

const currentUser = firebase.auth().currentUser;で
currentUserという変数にfirebase.auth().currentUser;を代入。

さらに、this.uid = currentUser.uid;でthis.uidという変数に
currentUser.uidを代入。

ドキュメント部で.doc(currentUser.uid)として現在ログイン中のユーザー（uid）を取得。

chat.vue

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

上記とすること現座ログイン中のユーザー(uid)を取得してページを戻ることができる。