请问在vue中，created钩子下 改如何改变data()？

Question

在我的组件中是这样写的：

一个导航栏

<div 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 示例上