记得开心一点

由于项目跟plc方面对接，前端需要实时获取数据进行展示 打印数据效果 websock = new WebSocket("ws://xxx.xxx.xxx.xxx:12345/ws"); 后缀可以跟后端

在我们涉及表格数据统计的时候，难免会进行数据合并然后导出展示，一般后端会给我们写导出接口，但是有时候后端给我们返回的数据不是全部都要使用，少部分需要导出的时候，这个时候就需要我们前端进行处理

在项目中有时候需要在某些地方展示文字水印这时候我们前端就需要进行一些处理进行展示 封装的组件 waterMark.ts 对应要使用的页面进行引入使用即可

当我们写echarts大屏项目的时候，有时候业务涉及到要进行全屏展示Esc进行退出全屏的操作，以下代码简略展示效果，后续可以根据实际的项目需求进行代码优化和修改 页面未全屏状态 全屏状态

先看页面效果： 由于element-plus的图片预览功能不支持展示多张图片进行切换，要不就是展示多张图片只能一次预览一张时，可以使用以下方法,直接上代码: 组件代码： 上述组件代码引入的spin.v

该文章主要对 element-ui 里的 dialog 组件的二次封装，主要针对close-on-click-modal和close-on-press-escape的默认属性做了更改，其他的属性正常按

在我们开发项目中，如果遇到文件上传时，这时候我们如果来回使用element-plus的文件上传，页面需要来回引入，这是可以自己进行手动封装文件上传的组件进行调用使用 限制上传类型只能为png、jpg

页面效果: 1、当我们遇到各部门层级的时候，我们可以使用vue3-tree-org的来实现此功能 官方文档：https://sangtian152.github.io/vue3-tree-org/de

1、当我们使用element-plus的组件时，需要对数据进行排序，但是当我们只想同级进行排序时可以使用以下方法 这是使用的一些属性，可以自己自行去官网查看，链接：Tree 树形控件 | Elemen