在我的组件中是这样写的:
一个导航栏
<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没有定义
请问是哪里写错了吗?
用箭头函数试试,应该是当前 this 没有指定到当前 vue 示例上