websocket投送

原创

已于 2024-08-06 09:45:35 修改 · 376 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#websocket #pdf #vue.js

于 2024-08-06 09:41:58 首次发布

一、websocket投送

a.vue页面实现websocket投送

1、点击页面投送调用websocket的初始化

<template>
  <div class="cssFont" @click="goWebSocket">点击将页面投送</div>
</template>
<script>
export default {
  methods: {
    goWebSocket(){
        this.initWebSocket(); //调用初始化
    },
  }
}

</script>

2、methods里写好所有的websocket方法

<template>
  <div class="cssFont" @click="goWebSocket">点击将页面投送</div>
</template>

<script>
export default {
  mounted() {
    
  },
  beforeDestroy() {
    this.websocketOnclose();
  },
  methods: {
    goWebSocket(){
        this.initWebSocket(); //调用初始化
    },
    initWebSocket: function () {
      const that = this;
      this.loading = true;
      that.websocketOnclose();
      let projectType = this.CQfrom.projectType; //项目类型
      let projectCode = this.CQfrom.project