c#websocket服务与vue通讯

<template> <div> <el-button @click="clear()">清空</el-button> <el-button @click="close()">关闭</el-button> <el-button @click="start()">启动</el-button> <el-button @click="send()">发送</el-button> <div class="widget-body" style="height: 500px;"> <el-form ref="form3" :model="form3" label-width="0px"> <el-form-item label="" style="height: 90px;"> <el-input type="textarea" v-model="form3.remark" :rows="20" placeholder="json"></el-input> </el-form-item> </el-form> </div> </div> </template> <script> export default { data() { return { websock: null, form3: { remark: '' } } }, created() { // this.websock = new WebSocket('ws://192.168.122.136:5414') // this.form3.remark = this.form3.remark + '连接状态：' + this.websock.readyState + ' \r\n' // this.websock.onopen = this.websocketonopen // this.websock.onmessage = this.websocketonmessage // this.websock.onerror = this.websocketerror // this.websock.onclose = this.websocketclose }, methods: { clear() { this.form3.remark = '' }, close() { }, start() { // 需判断不重复启动，启动一次，启动多次会收到多条返回值 192.168.122.136 127.0.0.1 this.websock = new WebSocket('ws://192.168.122.136:5414') this.form3.remark = this.form3.remark + '连接状态：' + this.websock.readyState + ' \r\n' this.websock.onopen = this.websocketonopen this.websock.onmessage = this.websocketonmessage this.websock.onerror = this.websocketerror this.websock.onclose = this.websocketclose }, send() { let actions = {'hardwaretype':'0','modeltype':'1000','opercode': 'zhangc','opername': 'zc测试','servicecode': 'routerurl','serviceinfo':{'infos':'hello'}} this.form3.remark = this.form3.remark + '发送json：' + JSON.stringify(actions) + ' \r\n' this.websocketsend(JSON.stringify(actions)) }, // 连接建立之后执行send方法发送数据 websocketonopen() { this.form3.remark = this.form3.remark + 'open' + ' \r\n' // let actions = {'reqtype': '1001'} // this.form3.remark = this.form3.remark + '发送json：' + JSON.stringify(actions) + ' \r\n' // this.websocketsend(JSON.stringify(actions)) }, // 数据发送 websocketsend(agentData) { this.websock.send(agentData) // this.form3.remark = this.form3.remark + '发送\r\n ' }, // 数据接收 websocketonmessage(e) { const redata = JSON.parse(e.data) this.form3.remark = this.form3.remark + '接收json：' + JSON.stringify(redata) + ' \r\n' }, websocketerror(e) { this.form3.remark = this.form3.remark + 'error\r\n ' }, websocketclose(e) { this.form3.remark = this.form3.remark + 'connection closed (' + e.code + ')\r\n ' } } } </script>