javascript - 請問在vue中，created鉤子下 改如何改變data()？

Question

在我的元件中是這樣寫的：

一個導覽列

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

希望透過Bus.$on來監聽hideNavbar的狀態，但瀏覽器控制台封包showNavbar沒有定義
請問是哪裡寫錯了嗎？

Answer 1

用箭頭函數試試，應該是目前 this 沒有指定到目前 vue 範例上