～Serendipity～-CSDN博客

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

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

2024-03-14 18:23:43 518

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

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

2024-01-09 00:25:55 1405

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

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

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

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

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

2024-01-08 23:40:52 916

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

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

2024-01-08 23:28:12 779

只允许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 434

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

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

2024-01-03 00:54:11 637

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

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

2024-01-03 00:48:58 458

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

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

2023-07-21 14:32:56 495

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

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

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

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

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

2023-03-14 17:10:39 3341

原创 iframe 父子窗口之间传值

iframe的父子窗口传值

2023-03-14 15:29:43 308

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

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

2023-03-10 10:17:09 1713

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

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

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

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

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

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

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

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

2023-02-16 14:06:14 1269

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

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

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

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

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

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

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

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

2023-02-14 13:57:32 863

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

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

2023-02-07 15:58:29 644

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

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

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

原创使用uglifyjs压缩JS文件

使用uglifyjs压缩JS文件

2023-01-11 11:17:10 1040

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

单文件上传

2022-12-27 16:54:45 3663

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

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

2022-12-26 17:11:32 1559

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

两个系统间跳转页面偶尔出现bug

使用v-print后控制台报错

vue项目报错TypeError: Converting circular structure to JSON