vue+elementUi结合websocket实现后台新订单实时消息推送
                
                   2024-05-30  
                    swoole   Vue   ElementUI
                  
                     1474  
                     0
                  
                 
                1、前端我们使用vue+elementUI的Notification 通知组件:悬浮出现在页面角落,显示全局的通知提醒消息。this.$notify({
	;;;title: '温馨提示',
	;;;type: 'success',
	;;;dangerouslyUseHTMLString: true,
	;;;position: 'top-right',
	;;;message: '<p>你有新的订单信息:“'+jsonData.pro_id+'”,</p><p>下单时间:“'+jsonData.appointment_date+jsonData.appointment_time+'”,</p>'
});
2、通过结合websocket连接接收后端传过来的数据,实现后台新订单实时消息推送,以下是部分代码:created () {
	// 创建 W