javascript - Wie ändere ich data() unter dem erstellten Hook in Vue?

Question

Das schreibe ich in meiner Komponente:

Eine Navigationsleiste

<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')
    }
  })

Ich hoffe, den Status von hideNavbar über Bus.$on zu überwachen, aber die Browserkonsole meldet, dass showNavbar nicht definiert ist
Stimmt etwas nicht?

Answer 1

用箭头函数试试，应该是当前 this 没有指定到当前 vue 示例上