javascript - Comment modifier data() sous le hook créé dans Vue?

Question

Voici ce que j'écris dans mon composant :

Une barre de navigation

<p class="navbar" v-show="showNavbar">


//js
import Bus from '../../common/js/bus'
export default {
data () {
  return {
    showNavbar: true
  }
},
created () {
  Bus.$on('hideNavbar', function (h) {
    if (h === 1) {
      this.showNavbar = true
    } else if (h === 2) {
      this.showNavbar = false
      console.log('false')
    }
  })

J'espère surveiller l'état de hideNavbar via Bus.$on, mais la console du navigateur signale que showNavbar n'est pas défini
Y a-t-il un problème ?

Answer 1

Essayez d'utiliser la fonction flèche. Il se pourrait que le courant this ne soit pas attribué à l'exemple de vue actuel