Vue-WebSocket的使用

如果不是很明白的話，可以看下講解 WebSocket

data(){
    return{
        websock:null
    }
}           

複制

created() {
            this.initWebSocket()//初始化weosocket
        },           

複制

methods:{
         /***初始化weosocket***/
            initWebSocket(){
                const wsuri = `ws://192.168.0.0:8083/xxxxxx/websocket`//後端提供位址
                this.websock = new WebSocket(wsuri);
                this.websock.onmessage = this.websocketonmessage;
                this.websock.onopen = this.websocketonopen;
                this.websock.onerror = this.websocketonerror;
                this.websock.onclose = this.websocketclose;
            },
            /***連接配接建立執行send方法發送資料***/
            websocketonopen(){
                // this.websocketsend()
            },
            /***連接配接失敗重新連接配接***/
            websocketonerror(){
                this.initWebSocket()
            },
            /***接收資料***/
            websocketonmessage(result){
                console.log('接收到新消息=',result)
            },
            /***資料發送***/
            websocketsend(data){//資料發送
                console.log(data)
                // this.websock.send(data)
            },
            /***斷開連接配接***/
            websocketclose(e){ 
                console.log('斷開連接配接', e)
            }
}           

複制