javascript - 请问在vue中,created钩子下 改如何改变data()?
本文介绍了javascript - 请问在vue中,created钩子下 改如何改变data()?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在我的组件中是这样写的:
一个导航栏
<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没有定义
请问是哪里写错了吗?
解决方案
用箭头函数试试,应该是当前 this 没有指定到当前 vue 示例上
这篇关于javascript - 请问在vue中,created钩子下 改如何改变data()?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文