vue 使用websocket ,在mounted里面初始化不触发，点击时触发的方法

clickPrinter(self) {
        let btn = document.querySelectorAll("button");
        for (let i = 0; i < btn.length; i++) {
            if (btn[i].textContent.indexOf("检测") >= 0) {
                btn[i].onclick = e => {
                    self.initPrinter();
                }
            }
        }
    },

首先写一个公共方法（如上述代码），放在公共的js文件下（假设这个文件名为common.js）

这个方法接受的参数self 为this 的别名；

initPrinter()为写在页面中的用于初始化处理ws返回值的方法

initPrinter () {
    this.printer.onmessage = (e) => {
        // todos
    }
}

 

在页面中，代码如下：

(初始化时，含“检测”两个字的button即被绑定了点击事件，当点击了这样的button 后，会执行initPrinter() 方法)

mounted () {
    // ws 初始化
    this.printer = new WebSocket("ws://localhost:xxxx");
    this.common.clickPrinter(this);
},
method: {
    initPrinter () {}
},
destroyed () {
    this.printer.close();
}

以上代码仅供参考，请根据实际情况做更改