自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(100)
  • 问答 (3)
  • 收藏
  • 关注

原创 vue3 表单数据发生改变时,切换路由给我提示

1、当表单数据未发生改变时,save和discard按钮不可点击,路由切换时无提示(如下图所示)2、当表单数据发生改变时,save和discard按钮可点击,路由切换时出现提示(如下图所示)

2024-03-14 18:23:43 413

原创 记一些有关Element Plus的样式修改

1、去除radio的圆圈。

2024-03-14 17:55:39 278

原创 vue 复制文本到剪切板

vue 复制文本到剪切板中

2024-03-12 18:11:22 209

原创 记一个有关 Vuetify 组件遇到的一些问题

Vuetify 官网地址。

2024-01-15 22:38:49 561

原创 vue3 封装一个按钮组件(可自定义按钮样式)

鼠标悬浮有对应的文字提示,且图标出现背景色和颜色。

2024-01-09 00:25:55 1119

原创 vue3 封装一个Tooltip 文字提示组件

默认展示icon图标,悬浮展示文字如果slot有内容则展示对应内容。

2024-01-09 00:13:19 1060 1

原创 vue3 封裝一个常用固定按钮组件(添加、上传、下载、删除)

封裝一个常用固定按钮组件。这个组件只有四个按钮,添加,上传、下载、删除,其中删除按钮的颜色默认是灰色,当表格有数据选中时再变成红色。

2024-01-08 23:40:52 806

原创 记一个常用的时间、日期 格式化方法

方法里可能有其他的逻辑,我没有删去多余的 ,仅供参考。

2024-01-08 23:28:12 513

原创 记一个常用的正则验证表达式(邮箱、电话、URL等)

只允许email:/^[^\s@]+@[^\s@]+\.[^\s@]+$/ 只允许电话(如果存在+的号码,只能放在最前面):/^\+?[0-9]*$/ 只允许输入url地址:/^(http|https):\/\/[\w\-_\u4E00-\u9FA5:/]+(\.[\w\-_\u4E00-\u9FA5]+)+([\u4E00-\u9FA5\w\-.,@?^=%&:/~+#]*[\u4E00-\u9FA5\w\-@?^=%&/~+#])?$/ 只允许输入数字:/^[0-9]+$/

2024-01-03 23:55:30 390

原创 记一个CSS样式实现思路(鼠标聚焦时完整内容,失焦时只显示部分)

鼠标聚焦时完整内容,失焦时只显示部分。使用max-width,当鼠标悬浮时,设置max-width为一个足够大的数值。或者 鼠标聚焦时计算当前元素元整的宽度

2024-01-03 00:54:11 526

原创 这只是一条文章的时间分割线

大半年没有记录了,换了个工作忙的都没有整理了。现在用的是vue3,写的是ts语法,ui的框架基本是。Vuetify好像很少见到,文档没有element好,遇到的问题也不少,后面想起来就慢慢补文章吧。所以最近有空会把自己这半年的东西整理整理,要不然自己都要忘光光了。

2024-01-03 00:48:58 432

原创 vue3 开启/关闭 元素全屏模式

【代码】vue3 开启/关闭 元素全屏模式。

2023-07-21 14:32:56 443

原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。扩展新的节点标识 图标

需求说明:将原先的四个图标进行扩展,并且修改图标的样式。先贴一下最终实现的样式。

2023-05-09 10:40:29 628 1

原创 使用window.open打开多个子窗口,实现父子窗口之间数据通讯

需求描述:用户需要给当前科技树的节点身上绑定其他科技树的支线数据,这就需要在当前页面中能够有新的弹窗支出用户浏览科技树并选择某个节点后将数据传递出来。当科技树实现关联后就会出现一种套娃现象,节点身上还会有第三层、第四层的关联数据,这就需要能一层一层的展示出绑定的数据。window.open常用来在新的window或新的tab页打开一个页面或文件(如图片、PDF等),它支持三个参数:strUrl:要打开的页面或资源的url地址。strWindowName:窗口的名字,用于后续对该窗口的引用,不是窗口的标

2023-03-14 17:10:39 3067

原创 iframe 父子窗口之间传值

iframe的父子窗口传值

2023-03-14 15:29:43 241

原创 el-table展示树形数据时,使用scope.$index有问题

当表格是树形数据时,有时获取第一级树结构的index值时,值可能将子节点算进去了,拿到的值并不对。此时想对行进行操作时,就不要用表格中的scope.$index作为参数了,可以自行定义一个参数。因为我保存数据时并不需要该自定义的参数,因此在保存数据时再删除该参数。解决方案:自定义一个参数作为索引值,使用该参数替代$index。在拿到数据时,添加行、删除行时给数组添加索引值。

2023-03-10 10:17:09 1494

原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。未选中节点点击工具栏时想要给出提示

当用户未选择节点时,点击文件菜单栏要给出错位提示。

2023-03-03 09:43:08 515 1

原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图。节点收起时显示子节点的数量

用户收起某节点后要展示出当前节点的子节点数量,当节点展开后不显示子节点数量。

2023-03-02 17:21:31 1406 1

原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图,给节点绑定数据后添加新的图标

需求说明:在给某个节点绑定文件数据后,用户并不能一眼看出哪个节点上绑定了数据,因此需要在绑定文件数据后给节点上加一个图标用于标识。

2023-02-16 14:06:14 1169

原创 在vue2的项目中使用思维导图的开源项目重写开发

在vue2的项目中使用思维导图的开源项目重写开发。这个文章是在我搞完这个思维导图工具后又重新整理的,可能在使用过程中的一些问题会被我遗漏。

2023-02-16 11:04:46 1412 3

原创 钉钉微应用开发时利用钉钉提供的接口获取用户信息

钉钉微应用开发时利用钉钉提供的接口获取用户信息

2023-02-14 15:15:32 1085 1

原创 前端 webpack在打包时借助​compression-webpack-plugin​插件实现gzip压缩

webpack在打包时借助​compression-webpack-plugin​插件实现gzip压缩gzip压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。

2023-02-14 13:57:32 783

原创 禁用掉pdf.js中的不需要的功能

禁用掉pdf.js中的不需要的功能1、注释viewer.html中的“下载”按钮。2、注释viewer.js的代码。

2023-02-07 15:58:29 524

原创 在vue2使用百度脑图的kityminder-core进行二次开发思维导图,在源码中添加新的命令

最近在搞kityminder-core的思维导图,需要增加一个给节点添加文件的功能,一直在研究源码,发现都是通过执行命令的方式实现的。一直卡在新增命令的步骤,搞了好多天了今天找到了如何在源码里新增命令,怕之后忘记所以现在先来记录一下添加命令的步骤。等忙完了有空我再详细记录一下二次开发中的问题。

2023-01-12 11:26:09 2624 4

原创 使用uglifyjs压缩JS文件

使用uglifyjs压缩JS文件

2023-01-11 11:17:10 996

原创 使用el-upload和原生input实现单文件、多文件上传

单文件上传

2022-12-27 16:54:45 3245

原创 vue中使用tinymce富文本编辑器

之前都是用的quill富文本,但是因为要实现添加表格的功能,quill没有tinymce强大,所以改用了tinymce。当时也是百度了一堆的教程可是没有记录下来,现在发现有的细节忘记了,所以这个文章可能会有错误。安装之后,在 node_modules 中找到 tinymce/skins 目录,然后将 skins 目录拷贝到 static 目录下。在刚才创建的static/tinymce文件夹下新建langs文件夹,用来存放下载的中文语言包。当时看了好几个安装教程,具体哪个忘记了,感觉像是照着这个教程。

2022-12-26 17:11:32 1474

原创 vue使用quill富文本框添加表格功能

因为保存的富文本数据是html格式的,接收到后端返回的数据后需要使用dangerouslyPasteHTML方法回显在编辑器中。推荐使用tinymce富文本编辑器。本文只是记录一下quill中的表格功能如何添加,quill的表格功能太简单了。1、将编辑器设置为只读模式:在配置中设置 readOnly值为 true。2、富文本编辑器回显数据。

2022-12-16 17:21:31 6415 2

原创 vue实现多行文本展开收起组件

vue实现多行文本展开收起组件

2022-10-14 14:53:13 1054

原创 vue pdf.js访问远程服务器上的文件报错file origin does not match viewer‘s

pdf.js访问远程服务器上的文件报错file origin does not match viewer's找到web/viewer.js文件中下面这两行代码注释掉。

2022-10-11 15:33:11 662

原创 pdf.js 加载文件过程添加loading等待动画

在加载一些大文件时,页面会先出现几秒的空白,给其加一个loading效果2、在viewer.css中添加3、在view.js中添加修改前修改后 4、动画效果文件加载中 文件加载完成后

2022-09-28 10:43:57 1438 1

原创 扫描型PDF转成可搜索可复制的文字型PDF,使用PDF24 OCR 程序报“下载需要的文件时出现一个错误”

解决步骤有一个需求要解决将扫描型的PDF转换成可搜索可复制的PDF文件,网上搜到的大部分软件我都试用了,有的转换出来样式不行,有的要收费,然后找到了一个无广告不收费的强大的PDF转换工具。使用PDF 文本识别工具 ,在线转换文件下载离线版本的PDF24 Creator网页版的可以正常使用,推荐使用网页版的。使用离线版本的PDF24 OCR时出现问题,本文主要记录如何解决该问题。

2022-09-20 16:58:05 2962 2

原创 VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索,在iframe中获取选中文字,监听鼠标事件,右键菜单

VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索,在iframe中获取选中文字,监听鼠标事件,右键菜单

2022-09-16 10:31:47 8131 17

原创 js修改只读属性

js修改只读属性

2022-09-15 17:24:26 1044

原创 VUE右键菜单 vue-contextmenujs的使用

VUE右键菜单 vue-contextmenujs的使用

2022-09-15 17:21:15 7524 2

原创 vue-element项目打包后偶尔出现icon乱码,Using / for division is deprecated and will be removed in Dart Sass 2.0.0

vue-element项目打包后上线偶尔出现icon图标乱码,DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.报错

2022-09-05 16:37:36 1861

原创 vue关闭eslint检测,解决You may use special comments to disable some warnings.报错

vue关闭eslint检测,解决You may use special comments to disable some warnings.报错

2022-08-23 16:20:00 329

原创 el-table添加单选框

el-table添加单选框radio

2022-08-12 10:29:23 6349

原创 vue项目中使用luckysheet

使用本地引入的方式使用luckysheet

2022-07-27 15:23:01 2015 1

原创 将文件流转成file文件后使用luckysheet回显数据

随手记录一下。。。文件流转换到file文件

2022-07-27 14:58:03 3946 1

使用PDF24 OCR 程序报错时需要手动添加的语言文件包

使用PDF24 OCR 程序报错时需要手动添加的语言文件包。 使用方法可参考这个https://blog.csdn.net/ZMJ_QQ/article/details/126952422

2023-01-04

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

TA关注的人

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