- 博客(89)
- 收藏
- 关注
RSS订阅原创 vue3集成LuckySheet实现导入本地Excel进行在线编辑，以及导出功能
点击按钮选择一个xlsx文件就能导入成功了，效果如下（这里只能导入xlsx文件，导入xls文件会报错，暂时不知道什么原因，如果有xls文件的话可以把表格另存为xlsx类型的文件再导入）首先要引入luckyexcel 的依赖，我们导入导出本地excel会用到。第一步：克隆或者下载下面的代码。接下来就是在项目中使用这个插件。然后创建一个vue页面文件。
2024-07-29 11:18:34
677
原创 vue3+elementui-plus实现淡入动画收缩效果
vue3+elementui-plus实现动态收缩效果，点击收缩会有一个淡入收起的动画效果。
2024-06-12 11:16:17
285
原创 将HTML页面中的table表格元素转换为矩形，计算出每个单元格的宽高以及左上角坐标点，输出为json数据
将HTML页面中的table表格元素转换为矩形，计算出每个单元格的宽高以及左上角坐标点，输出为json数据
2024-06-03 10:36:50
308
原创 Window系统mysql数据库定时备份脚本
mysqldumpPath 你本地mysql路径。outpurDir 备份文件输出路径。dbName 需要备份的数据库。dbUser 数据库用户名。dbPwd 数据库密码。
2024-04-22 17:31:05
325
原创 vue3通过事件总线不同组件之间传递消息（两个组件可以没有任何关系）
然后在发送事件的组件中写（js和ts导入方式不太一样，用法一样）如果需要限制事件只能触发一次，在调用完后清除事件。首先在main.js中定义。然后在接收事件的组件中。
2024-04-18 09:04:29
220
原创 vue3+elementui-plus实现无限递归菜单
vue3+elementui-plus实现无限递归菜单。实现方式是：通过给定的数据结构层数来动态生成多级菜单。
2024-04-17 10:48:10
792
1原创 vue3+element-ui-plus的el-tree组件实现复选框形式下的单选功能，且禁用父级
只要给对应的节点添加字段"disabled": true，即可禁用节点，因为使用了check-strictly取消父子节点关联，所有即使禁用父节点，也不会影响子节点的选择。实现效果图，一二级都是灰色的不可选，三级只能同时选中一个。
2024-04-03 11:19:23
1228
原创 vue实现在进入页面之前自动刷新一次页面（适用于首次进入页面空白，刷新才显示的问题）
有时候会莫名出现一个问题，首次进入页面的时候空白，刷新才会显示，如果实在排查不到原因，以及如何解决，那就直接在进入页面之前去自动执行一次刷新操作，实现方法如下。ps：如果不通过localStorage记录，会导致无限刷新页面。此方法不仅仅适用于vue，只要是js都可以使用。
2024-03-27 09:37:46
978
原创 vue3通过el-cascader实现动态菜单切换页面
菜单结构说明：component对应的就是你要跳转的页面组件，也就是上面import进来的组件。然后通过emitComponentChange方法来跳转对应页面。下面是切换页面后要显示的目标页面，这里接收上面emitComponentChange 方法传递过来的组件。还有一种方式是通过el-menu实现的，效果同上，使用的js方法都是一样的。如果只有一级菜单只会显示一个按钮。
2024-03-21 10:36:21
515
原创 通过el-table实现表格穿梭框
示例图样式比较简单，但是el-table是完全通过div包裹的，所以里面可以自己添加更多的其他组件实现想要的功能。element-ui自带的el-transfer界面比较简单，通过el-table实现表格形式的穿梭框功能。
2024-03-19 10:55:29
1228
原创 mybatis-plus根据实体和mapper生成crud方法，无需写xml文件
mybatis-plus根据实体和mapper生成crud方法，无需写xml文件
2024-03-18 11:53:35
422
原创 更改el-tabs默认样式，实现tab标签居中显示，标签对应内容使用另一个div显示
如图所示，标签在浏览器窗口居中，但是下面的内容依然是默认从左到右，不会受到tab样式的影响。
2024-03-16 16:33:40
1740
原创 实现鼠标移动el-select下拉框的label上面显示出table悬浮窗
实现鼠标移动el-select下拉框的label上面显示出table悬浮窗
2024-03-08 17:31:25
1026
原创 vue实现el-table-column中自定义label
默认的label只能显示普通文字，如果有一些特殊需求，比如换行显示，更改文字颜色，更改文字大小，就需要自定义label了
2024-01-30 15:42:14
2237
原创 el-table在鼠标移动到单元格时变为下拉框，否则是普通文本
el-table将多个单元格改为下拉框，导致渲染卡顿，解决方法在鼠标移动到单元格时变为下拉框，否则是普通文本
2024-01-25 10:53:17
1145
原创 vue3使用pinia实现全局变量共享，主动监听变化，并与localStorage的值同步
vue3使用pinia实现全局变量共享，主动监听变化，并与localStorage的值同步
2023-12-20 11:50:56
3041
原创 在vue中通过js动态绘制table，并且合并连续相同内容的行，支持点击编辑单元格内容，新增单元行，删除单元行，以及还原被合并的单元格。
实现效果如下，同时还获取了当前单元格所在行里面指定的某一列的数据内容（比如可以获取当前行的id，以此来给后端修改数据库中的数据），注意行是从表头下面开始的，行和列的下标都是从0开始。const numCols这里给出了两种合并表格的逻辑，第一个是只会对前三列执行合并逻辑，而第二个会对所有列执行合并逻辑。下面是两种逻辑的合并效果图。接下来是完整的js方法，实现了点击编辑单元格内容，新增单元行，删除单元行，以及还原被合并的单元格。
2023-12-18 17:04:12
927
原创 若依框架前后端分离版创建新的模块，并且使用mybatis-plus
resources里面只留下mapper的xml文件，其他配置文件都删除，像application.yml这些，都在admin模块里面有了，其他模块不需要创建。@ComponentScan里面有两个路径，分别是是ruoyi的包和你自己模块的包，如果你自己模块包名和若依的保持一致，那么就不用加这个。然后在admin的pom文件里面引入自己的模块（这一步之前可以先试一下能不能正常启动和打包，如果可以这里就不用引入）@MapperScan里面是自己模块的mapper路径，同样如果和若依的保持一致，就不用加。
2023-12-13 08:41:17
962
原创 【若依框架实现上传文件组件以及下载文件到本地】
若依框架中只有个人中心有上传图片组件，但是这个组件不适用于el-dialog中的el-form表单页面。于是通过elementui重新写了一个上传组件，如图是实现效果。
2023-12-04 17:16:46
3431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人