javascript - vue元件透過eventBus通訊時，報錯a.$on is not a function
登入元件
import bus from "@/components/eventBus"
export default {
name: 'login',
data () {
return {
navcard:['首页','工作室简介','人员分工','项目计划','重点故障分析','技能创新','带徒传技','技能培训','技术交流论坛'],
username:'',
userpassword:'',
loginstate:'3'
}
},
methods:{
login:function(){
this.$http.get("http://localhost/web/njndc1/api.php",{params:{
'username':this.username,'userpassword':this.userpassword,'action':'login'
}}).then(
function (res) {
// 处理成功的结果
this.loginstate=res.body;
console.log(this.loginstate)
if(res.body==1){
var self=this;
this.$router.push('/mainpage')
bus.$emit("login_loginstae",'success')
}else{
bus.$emit("login_loginstae",'failed')
}
},function (res) {
// 处理失败的结果
alert('程序错误')
}
);
}}
}
</script>
主頁元件
<script>
import bus from "@/components/eventBus"
export default {
name: 'login',
data () {
return {
navcard:['首页','工作室简介','人员分工','项目计划','重点故障分析','技能创新','带徒传技','技能培训','技术交流论坛'],
username:'',
userpassword:'',
msg:''
}
},
methods:{
},
created(){
var self=this;
bus.$on("login_loginstate",function(msg){
console.log(msg)
self.msg=msg
}
)
}
}
</script>
