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();
}
以上代码仅供参考,请根据实际情况做更改