Vue-Element UI集成ECharts实现数据统计分析页

背景效果预览相关文档相关依赖具体实现饼状环形圆角图Vue部分Js部分饼状平铺图Vue部分Js部分折线堆叠图Vue部分Js部分组件引用背景​ECharts是由百度开发捐献给Apache的一款基于 JavaScript 的开源可视化图表库，有丰富的图表库、完善的文档，开箱即用，非常方便好用。效果预览以下

微信扫码登录前后端实现(SpringBoot、Vue.js)

背景效果预览流程介绍前端部分生成微信登录二维码微信 wxLogin.js创建方法后端部分认证服务器Nginx配置重定向到Java程序处理背景​这里微信扫码登录，没有采用轮询、没有采用WebSocket推送，而是由: 扫码后重定向 -> 微信服务器 -> 我方统一认证服务器 -> 指

Vue-WebSocket简单聊天室的实现及样式

背景预览效果具体实现背景​一个简单的WebSocket聊天室的实现。预览效果以下展示数据为模拟数据。具体实现/** 连接 */connectWebSocket() { if ('WebSocket' in window) { this.websocket = new WebSocket(pr

Vue-结合Element UI实现表单动态增删行

背景效果预览具体实现Vue部分Js部分背景​有时候表单中的字段、或者某一个字段中以JSON传输到后端处理，这时候对其变量赋值就存在不确定性，值可能一个、可能两个、可能多个，具体根据使用者具体场景决定，这时候就需要采用动态增删来处理。效果预览​比如我这里做了一个管理系统对接友盟推送消息的功能，这里的扩

Vue-JSON编辑器组件的简单使用

背景效果预览具体实现相关依赖Vue部分Js部分背景​有些时候我们系统的配置、为了方便会以JSON的形式保存使用，或者其他需要修改JSON的场景，一款方便好用的编辑器就显得很重要了，本文采用的是vue-json-editor组件。效果预览​可以看到数据层级非常清晰，还可以选择对齐方式、切换文本、表单、

Vue-富文本编辑器组件封装之TinyMCE

背景相关依赖接入说明中文文档组件汉化导入插件创建组件实例组件应用示例效果预览编辑器窗口上传图片效果内容小窗口预览遇到的问题及解决方案在dialog(弹窗)层级、遮挡问题预览效果宽度调整问题图片自动增加宽度不能自适应问题背景​目前市面上支持vue.js的富文本很多，例如：UEditor、wangEdi

Vue-自定义腾讯云COS前端直传组件

背景后端说明前端实现相关依赖定义工具类创建实例数据方法组件使用背景每个COS的用户都会用到上传服务。Web端常见的上传方法是用户在浏览器或App端上传文件到应用服务器，应用服务器再把文件上传到COS。具体流程如下图所示。和数据直传到COS相比，以上方法有三个缺点：上传慢：用户数据需先上传到应用服务器

Vue-自定义阿里云OSS前端直传组件

背景后端说明前端实现相关依赖定义工具类创建实例数据方法组件使用背景每个OSS的用户都会用到上传服务。Web端常见的上传方法是用户在浏览器或App端上传文件到应用服务器，应用服务器再把文件上传到OSS。具体流程如下图所示。和数据直传到OSS相比，以上方法有三个缺点：上传慢：用户数据需先上传到应用服务器

Vue-路由实现页面跳转的两种方式（router-link和JS）

通过<router-link>实现使用 v-bind 的写法传递页面接收传递参数的结果通过JavaScript 实现当前窗口切换简单写法传参的写法传入地址键值对（与上一种页面上方式一致，拼接在URL后）新窗口打开具体实现Vue.js 路由可以通过不同的 URL 访问不同的内容，实现多视图

Vue-关于父子间通信双向绑定

背景插槽的使用组件监听使用.sync对变量名修饰使用 @ 对变量变化做监控背景​封装统一组件的时候需要在父子组件的过程中进行数据通信，双向绑定，简单记录使用方法。插槽的使用props: { text: { type: String, default: '' }}组件监听watch: