本文介绍了使用Vue3.0.5、ElementPlus和相关插件构建的仿微信/QQ桌面端聊天室项目。涵盖了全局弹窗组件、表单验证、60s倒计时、聊天页面的实现，以及虚拟滚动条的应用。技术栈包括Vue3、Vuex4、VueRouter@4，并使用V3Layer和V3Scroll组件增强用户体验。
vue3-webchat 基于vue3.0.5开发的仿微信|QQ界面桌面端聊天实例。
运用vue3.x全家桶技术+element-plus+v3layer+v3scroll搭建的仿微信/QQ界面网页聊天实例项目。实现发送表情图文消息、图片/视频预览、链接查看、粘贴/拖拽发送图片、红包/朋友圈等功能。
技术栈
- 编码/技术：VScode + Vue3 + Vuex4 + VueRouter@4
- UI组件库：ElementPlus (饿了么桌面端vue3组件库)
- 对话框组件：V3Layer（基于vue3.x自定义对话框组件）
- 虚拟滚动条：V3Scroll（基于vue3.x自定义模拟滚动条组件）
目录结构
既然到了vue3时代，就全部使用vue3语法实现所有页面的编码。
最低0.47元/天 解锁文章
扫一扫
1830
到【灌水乐园】发言
