ZengTao
2023-09-05 7870c2d4fd6da5269a87f53d584a36628fd8ef12
CanadaMes-ui/src/views/device/talkvue.vue
@@ -1,6 +1,14 @@
<template>
  <!-- <button v-on:click="send">测试发送</button> -->
  <button @click="send()">测试发送</button>
  <div>
    <button @click="send()">测试发送</button>
  <button @click="ttt()">测试发送</button>
  </div>
</template>
    
<script>
@@ -13,6 +21,7 @@
      messagepack: {
        data: { taskname:"" }
      },
      qqqq:{},
      queryInfo: {
        data: "1",
        pageSize: 10
@@ -21,6 +30,7 @@
  },
  created() {
    this.init();
  },
  methods:
  {
@@ -47,8 +57,9 @@
        socket.onmessage = function (msg) {
          console.log("收到数据====" + msg.data)
          //let data = JSON.parse(msg.data)  // 对收到的json数据进行解析, 类似这样的: {"users": [{"username": "zhang"},{ "username": "admin"}]}
          // 对收到的json数据进行解析, 类似这样的: {"users": [{"username": "zhang"},{ "username": "admin"}]}
          this.qqqq= JSON.parse(msg.data);
console.log(this.qqqq);
        };
        //关闭事件
        socket.onclose = function () {
@@ -63,7 +74,11 @@
    send() {
      this.messagepack.data =  {taskname:"前端到后台"} ;
      socket?.send(JSON.stringify(this.messagepack));  // 将组装好的json发送给服务端,由服务端进行转发
    }
    },
    ttt() {
      console.log(this.qqqq)
    },
  }
}
</script>