完成了聊天功能的朋友详情界面。
在聊天界面可以查看所有好友,点击好友头像可以查看好友详情。如下图:
前端界面显示的数据是通过发送get请求,在后端查询数据库获得的。在前端,因为列表组件与详情组件分为两个文件,选择使用Eventbus监听friendlist.vue中的鼠标点击事件,使info.vue可以成功在点击好友时调用fetchMessage方法想后端发送请求。下面是代码示例
完成了聊天功能的朋友详情界面。
在聊天界面可以查看所有好友,点击好友头像可以查看好友详情。如下图:
前端界面显示的数据是通过发送get请求,在后端查询数据库获得的。在前端,因为列表组件与详情组件分为两个文件,选择使用Eventbus监听friendlist.vue中的鼠标点击事件,使info.vue可以成功在点击好友时调用fetchMessage方法想后端发送请求。下面是代码示例