- 博客(89)
- 收藏
- 关注
原创 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
原创 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关注的人