stomp.connect未被执行
<template>
<div class="wrap">
<MyHeader></MyHeader>
<div class="box">
<p>维修之前请务必做好安全防护准备。</p>
<p>远程操作请确保驾驶室内技师做好协助工作。</p>
<p>确保您的网络链接畅通。</p>
<div class="modul" @click="onSend">识别模块</div>
</div>
<loading v-show="this.$store.state.loading"></loading>
</div>
</template>
<script>
import Stomp from 'stompjs'
import SockJS from 'sockjs-client/dist/sockjs'
let sock = new SockJS("http://192.168.3.123:80/diagnose")
let stomp = Stomp.over(sock)
import MyHeader from '../base/MyHead'
import loading from '../base/loading'
export default {
name: 'index',
components:{
MyHeader,loading
},
data () {
return {
currentTime: '',
lastTime: '',
timeOut: '',
modal1: false,
}
},
beforeCreate(){
let that = this;
let cdtId = this.$store.state.cdtId;
//连接服务器
stomp.connect('guest', 'guest', function(frame) {
console.log('***** Connected *****');
//进入诊断
stomp.subscribe("/topic/"+cdtId+"/diagnosis/enterDiagnosis", that.enterDiagnosis);
//退出诊断
stomp.subscribe("/topic/"+cdtId+"/diagnosis/quitDiagnosis", that.quitDiagnosis);
//模块识别
stomp.subscribe("/topic/"+cdtId+"/diagnosis/moduleRecognition", that.handleMsg);
//模块信息
stomp.subscribe("/topic/"+cdtId+"/diagnosis/moduleInfo", that.moduleInfo);
//故障码
stomp.subscribe("/topic/"+cdtId+"/diagnosisreadFaultCode", that.readFaultCode);
//实际值
stomp.subscribe("/topic/"+cdtId+"/diagnosis/readActualValue", that.ActualValueDetail);
//快速诊断
stomp.subscribe("/topic/"+cdtId+"/diagnosis/fastDiagnose", that.FastDiagnose);
}, function(error) {
console.log('error:'+error);
});
}
}
</script>
beforeCreate生命周期函数?
你的题目是mounted钩子函数?
https://cn.vuejs.org/v2/api/#... 你看看官网 对于钩子的介绍应该就明白了