自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp中点击dom节点,希望点击区域高亮

问题描述:通过for循环渲染出多个【点击区域】,当点击其中某个dom节点【区域】带有跳转,或者其他逻辑操作时,仅仅拿点击区域的下标和当前高亮的下标来判断高亮样式的隐藏和显现,是有延迟(甚至看不到效果):class="currentIndex == index?'hasLight' : ''"解决方案:hover-class="highLight" 在循环的【点击区域】上写hover-class="具有高亮效果样式的class名"

2024-11-06 18:13:25 135

原创 uniapp上传pdf、word、excel文件

1、创建js文件: @/utils/uploadFile.js;在文件中暴露出chooseFile方法。2、在【上传文件】功能的页面引入第一步中的js文件。3、点击【上传文件】按钮调用方法中。

2024-11-05 10:05:25 194

原创 uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64

【代码】uniapp通过uni.canvasToTempFilePath获取的图片文件如何 转成base64。

2024-11-01 18:06:22 105

原创 表格的多级表头:表头通过二维数组数据循环,如何实现

1.如果你的数据是个二维数组,例如这样,第一层数组以时间为区分标准,第二层数组以类型为区分标准。问题描述:当你的表头是用接口返回数据遍历出的。

2024-10-15 15:46:38 204

原创 前端实现导出excel,file-sver(复杂表格或者非表格内容)

问题描述:如果需要下载成excel格式的文件不是单纯的表格,可以使用xlsx、xlsx-style、file-saver。2.在vue.config.js中一定要补充externals:{'./cptable':'var cptable'}3.创建一个js文件(比如:exportExcel.js)4.exportExcel.js代码。

2024-07-17 10:55:50 391

原创 data:image/png;base64格式的图片下载成pdf

问题描述:接口返回的数据是base64格式的图片,如果想通过js方法下载成pdf格式的文件。3.将接口返回的base64数据解码成二进制,再将二进制数据添加到PDF中。2.引入工具jspdf。1.可以jsPDF,

2024-07-15 17:41:21 3433

原创 js将数字金额转成汉字大写

【代码】js将数字金额转成汉字大写。

2024-07-15 11:44:43 180

原创 前端调用电脑打印弹窗,实现任意区域内容打印功能

描述:当需要打印的内容是比较灵活(不只有表格)的情况下,可通过此方法实现。1.下载html2canvas、printJs(如果依赖中有直接引入)3.在打印区域的最大div绑定ref,其外层的div长款要有固定值。4.打印按钮调用的方法。

2024-07-15 11:37:10 397

原创 表格的列头分行显示

描述:列头需要显示的信息很多,且一行显示的情况下,导致数据单元格浪费了很多展示空间,这种情况下,可选择将列头的信息分成多行显示。解决方案:通过renderHeader将一行的title分成两行分别放在两个div里。

2023-12-29 11:54:20 503 1

原创 uniapp中webscokcet的使用事项

2.在方法中开始连接websocket。1. 在mounted中调用方法。

2023-09-21 16:57:37 156 1

原创 解决element UI中 select下拉框 el-select-dropdown el-popper超出el-dialog弹框的问题

【问题】: 在elementUI 中,el-dialog的内容比较多,出现滚动条,且内容包含input输入框、select下拉框、时间选择器、cascader级联选择器等,在点开select下拉选择框后并向下滚动鼠标,会出现下拉框跑出el-dialog的区域的情况(有可能离el-dialog的区域很远),造成页面的展示效果混乱。【解决方案】:我们可以在鼠标滚动的时候,让select弹框隐藏,这样就可以解决select 下拉框在el-dialog外面的问题了。在自己封装的el-dialog的组件里。

2023-07-26 15:01:12 4079 2

原创 iview select下拉框可通过电话、卡号等远程搜索时,

对于住户下拉选择框,若需要通过电话、卡号、姓名等检索得到相应的选项时,我们的解决方案可以将住户的姓名、电话、卡号拼起来放在label中,这样就可以实现了。

2023-06-15 15:00:22 560 1

原创 前端基础:

前端经验分享

2023-06-15 11:21:54 94

空空如也

空空如也

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

TA关注的人

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