「ログアウトしました」という通知がWebアプリを開いた時にも表示されてしまう

Question

Vueを使ったアプリケーションを作成しています。

本来、ログインしたら画面右上に「ログインしました」、ログアウトしたら「ログアウトしました」と表示されるようになっています。
しかし、アプリケーションを開いた時にも「ログアウトしました」と表示されるようになってしまっています。

<script>
// import HelloWorld from './components/HelloWorld.vue'
import firebase from 'firebase'
import { mapActions,mapGetters } from 'vuex'
export default {
  name: 'app',
  // components: {
  //   HelloWorld
  // }
  beforeCreate() {
    firebase.auth().onAuthStateChanged(user=>{
      if(user){
        //storeのstateにユーザー情報をセットし、「ログインしました」と表示
        this.setLoginUser(user)   
        this.fetchBooks()
        this.fetchOthersBooks()
        this.$router.push('/') 
        this.$notify({
        title: 'Book Recorder',
        message: this.$createElement('p', {style: 'color: #009'}, 'ログインしました'),
        duration: 2000
      })       
      } else {
        //storeのstateからユーザー情報を削除し、「ログアウトしました」と表示
        this.deleteLoginUser()
        this.$router.push('/')
        this.$notify({
          title: 'Book Recorder',
          message: this.$createElement('p', {style: 'color: #009'}, 'ログアウトしました'),
          duration: 2000
        })
        
      }
    })
  },
  methods: {
    ...mapActions(['setLoginUser','deleteLoginUser','logout','fetchBooks','fetchOthersBooks'])
  },
  computed: {
    ...mapGetters(['userName', 'photoUrl'])
  }
}
</script>

ログアウトの通知をログアウトした時のみ表示できるようにすることは可能でしょうか。

Answer 1

今の実装だと「ユーザ」がfalseの時にログアウトしましたと表示する というふうになっているからですね。

ログアウトした時のみでしたら、事前にユーザがtrueだったとかログアウトしましたと1回も表示していない時などの条件を足せば解決しそうですね。

Comments

[gnuuu_07]

「ユーザがtrueだったら」という条件を追加したことで、解決することができました！
ご回答いただき、ありがとうございました。