如下代码，该组件加载时通过 ws.onmessage = function(res) {let received_msg = res.data;}来监听websocket服务端发过来的数据，每当服务端发送一条数据，received_msg就会获取这条数据内容。
现在我想将received_msg压入到data中的totalMessage数组中，服务端发一条数据来，就自动往totalMessage中压入一条。我主要是不知道如何在export default外部操作export default {data{}}这里面data的数据。
= (function() {
if ("WebSocket" in window) {
var ws = new WebSocket("ws://localhost:3333");
ws.onopen = function(e) {
console.log('websocket连接成功。。');
}
ws.onmessage = function(res) {
let received_msg = res.data;
console.log("您收到一条消息：" + received_msg);
};
} else {
alert("您的浏览器不支持 WebSocket!");
return
}
let sendMessage = (message) => { //发送消息
ws.send(message);
}
let closeCunstomer = () => {
ws.onclose = function() {
alert("连接已关闭...");
};
}
return {
sendMessage,
closeCunstomer,
} })()
export default {
data() {
return {
value: '',
totalMessage: [],
}
},
computed: {
...mapState(["customerShow"]),
},
methods: {
...mapMutations([
'openCustomer', 'closeCustomer'
]),
sendMessage() {
websocket.sendMessage(this.value);
this.totalMessage.push({ text: this.value, right: true });
this.value = '';
},
closeWebsocket() {
console.log('websocket通信已被关闭')
websocket.closeCunstomer()
}
} }
如果觉得《vue 监听map数组变化_vue：怎样监听数据变化 并更新到data中totalMessage》对你有帮助，请点赞、收藏，并留下你的观点哦！
