自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 Echarts+vue大屏常用表格及调整属性之饼图

itemHeight: 10, // 设置图例图标的高度。itemWidth: 10, // 设置图例图标的宽度。itemGap: 5, // 图例项之间的间距。常用得图标属性 legend: {饼图之南丁格尔玫瑰图。

2024-06-12 15:06:36 161

原创 el-table 实现行拖拽排序

默认拖拽时间鼠标右键不能复制文本,无法检索表单,不需要右键复制文本得可以不用,需要得表单里面这样写。切记必须使用row-key="id"必须添加,必须添加,必须添加不然会排序错乱。el-table 实现行拖拽排序,排序后更改背景色添加标记。使用 ref=“tableNodeTop”使用方法根据el-tabla组件。使用插件:Sortablejs。

2024-04-19 14:17:10 464 1

原创 【无标题】使用element UI el-dialog封装全局公用弹框

在src下面的components新建文件夹TemplateDialog包含index文件。封装之后使用方法 在需要的文件引用。

2023-12-25 09:32:40 230

原创 登录密码加密

2.atob():Base64编码转为字符串。1.btoa():字符串为Base64编码。

2023-12-11 14:26:17 95

原创 vue 导出Excel表格 更改样式

我们今天分享以vue+element UI 框架table表格勾选数据导出文件。这里我们用table表格,勾选数据批量导出表格。1.第一种以文件流的形式导出。(仅限于我所在项目中应用)2.第二种以参数导出。

2023-06-25 16:27:05 685 1

原创 element表格 el-table双击单元格修改数据 鼠标离开焦点提交参数确定

el-table双击编辑失去焦点确定 @cell-dblclick有四个参数我表格是动态渲染的不是写死的,所以调接口传参数会有不一样

2022-12-05 13:20:20 1515 1

原创 WebSocket菜鸟教程二

在不同的浏览器不同的窗口依然连接成功,函数触发成功。

2022-09-09 14:52:29 3197 2

原创 el-table添加border边框线不显示

1.固定了表格的高度 height=“250” 把高度去掉。注意要把表单的高度去掉不然会有表单对不齐。

2022-08-23 17:32:00 6776

原创 数组处理去重+排序

1.先去扁平化2.数组去重3.排序es6之数组的flat()方法flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1。flat()的参数为2,表示要拉平两层的嵌套数组。数组去重方法比较多set()方法相对最快速sort()方法用于对数组的元素进行排序。...

2022-07-29 17:03:33 271

原创 vue 框架element UI table表格数据双击编辑,失去节点确定

双击表格显示input输入框鼠标离开更改输入值。

2022-07-28 17:18:32 1893 2

原创 vue el-table动态表格表头+对应数据

注意:绑定的两个数组,数据要处理,后台返回的数据结构要对应

2022-06-13 16:30:20 3690 4

原创 Vue视频播放插件+横竖屏旋转全屏播放

Vue视频播放插件+全屏播放+横竖屏+弹幕Vue视频播放插件+横竖屏旋转全屏播放最近要写一个直播的视频播放功能,找了很久也实验很多感觉很复杂,今天介绍的插件很强大,可以解决绝大多数的视频播放问题西瓜播放器xgplayer我使用它局势想解决我在播放视频时,点击全屏按钮视频全屏播放(这个网上很多介绍)并且视频旋转90度横屏播放,这个就有点麻烦了,要考虑旋转后的视频宽度及兼容性。使用方法只需三步:安装、DOM占位、实例化即可完成播放器的使用第一步安装# 最新稳定版npm install xgpl

2021-04-23 10:16:16 2465 1

原创 websocket菜鸟教程(1.1)

创建自己的websocket服务先了解node.js websocket 的基本使用https://www.npmjs.com/package/nodejs-websocket第一步先安装npm install nodejs-websocket第二部引入(在app.js中引入)const ws = require("nodejs-websocket")代码const ws = require("nodejs-websocket")const PORT=3000const serve

2021-04-20 13:42:35 3338

原创 WebSocket菜鸟教程

WebSocket菜鸟教程WebSocket菜鸟教程看到这想必你了解了webscoket,基本文档原理就不提了!这张图你能看明白吗?不能没事还有一张更简单的搞懂这个图很关键,我们与人聊天不是在面对面聊天,其实在于服务器聊天,传统的http是客户端发起请求服务器响应请求,重点是服务器无法给客户端发起请求websocket说白了就是解决这个问题,第一张图轮询是每隔一段时间客户端就向服务器发起请求有没有小明发过来的问话,没有就再隔一段事件再问,这会造成服务器压力很大!!!前言手把手撸websock

2021-04-20 11:14:55 44767 6

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除