会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
潇可爱❤
博客园
首页
新随笔
联系
订阅
管理
[置顶]
解决el-table 循环对象集合的做法,动态多层表头,
摘要: 效果: 后端返回的数据结构: record: { data: [ { list: [ { indexName: "地方补贴1", indexCode: null, typeName: "--", typeCode: null, submitValue: null, submitVersion: nu
阅读全文
posted @ 2021-03-02 15:36 潇可爱❤
阅读(1881)
评论(0)
推荐(0)
2025年3月6日
antv g6 4.x vue 决策树
摘要: 原型:https://g6-v4.antv.vision/examples/case/treeDemos/#decisionTree <template> <div class="main-content-box"> <div id="container"></div> </div> </templ
阅读全文
posted @ 2025-03-06 09:59 潇可爱❤
阅读(126)
评论(0)
推荐(0)
2025年2月10日
css 树结构转为扁平化数据,剔除重复值再转换为树结构
摘要: 父组件: 情况一: 接口获取树结构扁平化后剔除重复值再转为正确的树结构 情况二: 接口获取扁平化数据不需要二次转换,直接对比重复值进行剔除再转为正确的树结构 结构树使用了纯CSS 多层树结构:https://blog.csdn.net/juanzhang91008/article/details/1
阅读全文
posted @ 2025-02-10 14:00 潇可爱❤
阅读(20)
评论(0)
推荐(0)
2024年8月14日
echrts 折线图实现数据排名展示
摘要: 效果: 接口结构: { "data": [ { "tdtRank": 1, "tranTransferOvertimeRate": 0.0211, "outtranOpOvertimeRate": 0.0041, "siteDispSignOvertimeRate": 0.0190, "lastTr
阅读全文
posted @ 2024-08-14 10:45 潇可爱❤
阅读(61)
评论(0)
推荐(0)
2024年7月9日
echarts 折线图拼接
摘要: 效果图: <script setup lang="ts"> import * as echarts from 'echarts'; import { ref, watch, nextTick, computed } from 'vue'; import { useRouteParams } from
阅读全文
posted @ 2024-07-09 09:44 潇可爱❤
阅读(52)
评论(0)
推荐(0)
2024年7月4日
el-date-picker type="daterange" 根据动态给的开始日期,结束日期,设置范围内可选
摘要: 注意:1、element ui和element plus的时间禁用属性不同,element ui用picker-options,element plus用disabled-date。 原文链接:https://blog.csdn.net/weixin_44358713/article/details
阅读全文
posted @ 2024-07-04 15:10 潇可爱❤
阅读(490)
评论(0)
推荐(0)
element 手写季度组件
摘要: 组件: <template> <div class="time_quarter"> <mark style="position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0);z-index:999;" v-show="sho
阅读全文
posted @ 2024-07-04 13:53 潇可爱❤
阅读(35)
评论(0)
推荐(0)
2023年9月1日
G6实现可向下向上扩展的自定义流程图/层级图/架构图
摘要: 参考原文链接:https://www.cnblogs.com/demeter/p/16821514.html 效果: index.html:cdn引入 <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.7.1/dist/
阅读全文
posted @ 2023-09-01 11:02 潇可爱❤
阅读(1033)
评论(0)
推荐(0)
2022年5月6日
el-date-picker单个日期格式限制
摘要: pickerOptions:{ disabledDate:(time)=>{ let limit=Date.now()-3600*1000*24*30-8.64e7 return (time.getTime()>Date.now()-8.64e7 || time.getTime()<limit) /
阅读全文
posted @ 2022-05-06 15:05 潇可爱❤
阅读(115)
评论(0)
推荐(0)
2022年3月11日
根据动态月份限制日期只能选择选中月的日期,其他月日期禁用
摘要: 参考文档链接:https://zhuanlan.zhihu.com/p/3914872671.目前是设置只能选择当前月日期,当月之前和当月之后禁用 <el-date-picker v-model="form.enableStartTime" :picker-options="setMonthDisa
阅读全文
posted @ 2022-03-11 10:58 潇可爱❤
阅读(952)
评论(0)
推荐(0)
2021年3月15日
el-form 循环表单如何做rules ,每次只校验循环内输入的单个值
摘要: 效果: 注意点:红线内标起来porp 一定要跟 computed 内声明的名称一致 vue: <el-form ref="form" :model="form" label-width="150px" :inline="true" :rules="ruleForm"> <div v-for="(it
阅读全文
posted @ 2021-03-15 09:49 潇可爱❤
阅读(2061)
评论(0)
推荐(0)
下一页
公告