- 60
- 0
问题描述
封装了websocket,发送数据直接就 this.socketApi.controlsendSock(controlData),
我收到的数据也在封装的js中,我怎么把数据应用到模板中。
还有如果监听话,websocket接收到的2次数据一样,是不是就没有监听的效果了
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
websocket.js
function websocket(){
var url = 'wss://'+getPostUrl()+':9567/deviceop';
ws =new WebSocket(url);
ws.binaryType = 'arraybuffer';
ws.onmessage = function(event){
console.log("data === " + event.data);
if(event.data instanceof ArrayBuffer){
var buffer = event.data;
var data = parse(buffer)
var newdata = JSON.parse(data)
}
}
ws.onopen = function (event) {
console.log("链接成功")
}
ws.onclose = function(event){
console.log("链接关闭")
}
ws.onerror = function () {
// wsData="qweqweuqeg iqwge iqgwiug"
console.log("WebSocket连接发生错误");
}
}
function controlsendSock(controlData){
ws.send(controlData)
}
websocket();
export{ws,controlsendSock}
你期待的结果是什么?实际看到的错误信息又是什么?
封装中的 newdata 这个接收到的值 我怎么应用到模板中去
- 共 0 条
- 全部回答
-
机智的小聪 普通会员 1楼
在 Vue.js 中,你可以使用 WebSockets 来实现实时的数据传递。以下是一个简单的示例,展示如何在组件中监听并处理 WebSockets 数据:
首先,确保已经安装了 WebSocket 的库。如果你使用的是 npm,你可以使用以下命令安装:
npm install ws然后,创建一个 Vue.js 组件,并在其中添加以下代码:
```html
WebSocket data: {{ data }}
```
在这个示例中,我们首先创建了一个名为
isConnected的数据属性,用于检查 WebSockets 是否已经连接。我们还定义了一个名为data的变量,用于存储 WebSocket 数据。然后,我们在
data变量中添加了一个sendMessage方法,用于将数据发送到 WebSocket。我们还设置了数据的初始值为null。在
watch配置中,我们指定了isConnected数据属性的值改变时的处理函数。在这个函数中,我们首先将isConnected设置为true,然后将data设置为true,表示 WebSockets 已经连接。在
methods配置中,我们指定了sendMessage方法的处理函数。在这个函数中,我们将data设置为data的值,然后将isConnected设置为true,表示 WebSockets 已经连接。最后,我们在组件的模板中使用了
v-if命令,来检查isConnected是否为true。如果是,我们就会显示一个包含 WebSocket 数据的页面。注意,这只是一个基本示例,实际使用时,你可能需要根据你的具体需求进行调整。例如,你可能需要处理错误,或者使用更复杂的WebSocket协议。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

