vue2.0在使用websocket时切换页面后websocket依旧保持连接
方法一 websocket () { let ws = new WebSocket('ws://localhost:8080') ws.onopen = () => { // Web Socket 已连接上，使用 send() 方法发送数据 ws.send('Holle') console.log('数据发送中...'
·
方法一
websocket () {
let ws = new WebSocket( 'ws://localhost:8080' )
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send( 'Holle' )
console.log( '数据发送中...' )
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log( '连接已关闭...' )
}
// 路由跳转时结束websocket链接
this. $router .afterEach( function () {
ws.close()
})
}
let ws = new WebSocket( 'ws://localhost:8080' )
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send( 'Holle' )
console.log( '数据发送中...' )
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log( '连接已关闭...' )
}
// 路由跳转时结束websocket链接
this. $router .afterEach( function () {
ws.close()
})
}
方法二
websocket () {
let ws = new WebSocket( 'ws://localhost:8080' )
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send( 'Holle' )
console.log( '数据发送中...' )
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log( '连接已关闭...' )
}
// 路由跳转时结束websocket链接
this. $router .afterEach( function () {
ws.close()
})
}
let ws = new WebSocket( 'ws://localhost:8080' )
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send( 'Holle' )
console.log( '数据发送中...' )
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log( '连接已关闭...' )
}
// 路由跳转时结束websocket链接
this. $router .afterEach( function () {
ws.close()
})
}
前往低代码交流专区
更多推荐
2
0- 0
已为社区贡献4条内容
所有评论(0)