vue PC聊天组件
时间: 2023-10-11 07:10:05 浏览: 46
Vue PC聊天组件是一个使用Vue框架开发的组件,用于在PC端实现聊天功能。该组件使用了Vuex进行状态管理,将聊天记录保存在localStorage中,以便在刷新页面后记录依然存在。在搜索栏中可以输入要搜索的值,列表会根据输入的值过滤出对应的好友。聊天列表展示可聊天的好友,并显示最后一条信息的时间和内容。点击不同的好友对话可以与不同的好友发送信息。
为了实现实时性,该组件使用了VueX来管理事件和状态,并通过计算属性在组件中获取事件。当发送消息后,如果消息超出页面范围,则会自动滚动到最底部,确保最后一条信息可见。
该PC聊天组件还使用了Vue、Vue Router、VueX、ES6和Stylus等技术,同时可以使用智能API实现智能对话的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [【vue】仿PC端微信制作聊天框](https://blog.csdn.net/weixin_44070058/article/details/125328379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]