
vue3+ant-design-vue的后台管理系统
问题难点汇总 便于后续反思提升
你真的可爱呀
一个初出茅庐的小菜鸟
展开
-
实现年月日日期展示+点击上下日期变化
需要实现逻辑:1.点击上一日按钮(年月日)日期选择器中的日期进行变化,如下图所示 2.点击下一日按钮,日期对应进行变化。原创 2025-04-24 11:53:23 · 196 阅读 · 0 评论 -
vue3 + AntDesign列表多选,分页展示,模糊查询操作
开箱即用,可以添加修改逻辑,实现更多的功能...原创 2025-04-15 15:09:12 · 116 阅读 · 0 评论 -
常见得正则表达式(封装+使用)
常用正则规则大全:https://any86.github.io/any-rule/原创 2025-04-07 09:42:45 · 119 阅读 · 0 评论 -
ispdf+dom-to-image+vue3实现选中一个模块并先下载为图片在导出为pdf功能
实现效果:指定模块导出。原创 2025-03-27 16:35:29 · 167 阅读 · 0 评论 -
a-tree不同层级选中后发生不同效果的实现+根据动态数据筛选最后层级的树结构节点
本文章做一个技术标记,后续遇到相似的功能可以继续使用。原创 2025-03-27 15:40:01 · 170 阅读 · 0 评论 -
封装a-upload上传,删除,预览图片组件
如果是从详情等接口拿到的数据,需要我们处理一下格式。原创 2025-03-27 16:22:03 · 325 阅读 · 0 评论 -
列表自动滚动(最后一条第一条数据相连),鼠标移入暂停滚动,鼠标移出继续滚动。
思路:1.拿到接口返回的所有列表数据,通过分页新建数组用于展示播放的数据。2.每次展示一页数据,快展示完毕(自己定义这个位置)就在展示数组中新增一页,当第一页的最后一条数据滚动过可视区域后就删除原来的一页数据,依次新增数据,并调整滚动位置。3.利用最重要的工具,定时器!调整位置是必须的哈~,大家可以参考一下,如果有更好的方法可以评论区交流~原创 2025-03-22 17:17:04 · 196 阅读 · 0 评论 -
解决table数据过多加载缓慢,触底加载限制一次加载10条数据【开箱即用】
解决table数据过多加载缓慢,触底加载限制一次加载10条数据【开箱即用】原创 2025-03-07 10:59:31 · 192 阅读 · 0 评论 -
如何限制输入框输入的内容为正数且允许0.开头的小数(正则)
使用<a-form><a-form-item :rules=""></a-form-item></a-form>来进行表单排版。只有input输入框,使用@input来对输入的内容进行正则规定。原创 2025-02-21 10:37:41 · 206 阅读 · 0 评论 -
实现日期选择器 年月日 对大于当前日期的时间进行禁选
ant design vue组件库中的a-date-picker。原创 2024-10-28 15:08:55 · 291 阅读 · 0 评论 -
柱状图/折线图/饼状图/3D饼状图 (基础+进阶)组件封装
项目经常使用 用于知识点记录 谨慎参考。原创 2024-10-24 17:12:52 · 191 阅读 · 0 评论 -
实现 当日 当月 当年 时间数组
本文章为项目中的问题解决实现 用于以后的问题参照 谨慎参考。原创 2024-10-24 15:04:43 · 325 阅读 · 0 评论 -
通过动态设置style控制按钮样式 + 多个button切换
第三:在模板中因为v-for了我们的数据,想要把borderColor传给我们想要的样式对象,可以写一个方法传参,同时给我们的模板返回最终的传参后的对象,此时完成边框不同颜色的实现。首先:我的数据是这个形式的,而且每个butoon的边框颜色都不同。本篇文章用于记录项目中的问题 仅供自己参考 大家谨慎参。第二:使用:style实现,可以先初始化一个样式对象。原创 2024-10-17 15:54:13 · 428 阅读 · 0 评论 -
使用xlsx和file-saver实现table导出为excel
本文章只是一个简单的随手记,方便用于日后的反思,大家谨慎参考,有不同见解可以在评论区进行谈论。1.下载使用到的第三方库。原创 2024-09-02 14:54:25 · 293 阅读 · 0 评论 -
使用a-form-item动态绑定rules校验
因为name和rules都是动态绑定的数据,rules没有问题,做了一个校验 ,而name这里这样写不能正确解析每一项的具体属性 ,从而和规则对应不上,就会出现校验不通过问题。该文章只用于个人在项目中的问题解决方法记录,本人是个小菜鸟,大家有不同见解可以在评论区评论,大家共同进步!目标:使用ant-design-vue中的form实现动态规则校验。的每一项都有正确的people属性,这样就可以成功实现动态校验啦!能够正确解析每个表单项的。原创 2024-08-22 19:25:50 · 1031 阅读 · 0 评论 -
如何解决select下拉框回显是id的问题
思考:在回显的时候在carlist中找到对应的数据,把manageForm.carEmissionType回显的值变为carList中的value值,再通过a-select-option中对应的label显示不就行了!但是回显的是一个value(是一个id) 试过给接口中的value手动改为label 但是这样的话在不点击时保存给后端穿的就是改变后的label而不是想要的id。这里后端接口只给了个id 点击操作中的编辑 在下面的弹出框中回显。原创 2024-08-22 10:05:57 · 559 阅读 · 0 评论