摘要: 两个tabs来回切换的时候,发现一直重复渲染数据, 在两个tabs的展示上加一个flag标识,然后用v-if,判断,点击到tab1的时候,flag等于tab1,然后渲染tab1, 点击到tab2的时候,flag等于tab2,然后渲染tab2,这样可以避免重复渲染 如下: 在handleChangeA 阅读全文
posted @ 2024-08-09 17:55 comeoncode 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 实现如下效果的表格嵌套: 点击展开,展示tabs。 table的columns里设置展示的属性,然后属性里设置返回一个组件,然后在组件里写嵌套的内容。 <Table :columns="tableColumns" :data="tableData" style="width:100%" @on-se 阅读全文
posted @ 2024-08-09 17:49 comeoncode 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 实现的功能: 拉取目录下的所有java文件,然后点击展示java文件后查看详细的代码,所以code最开始是空,点击展开后,调接口查询详细代码, 然后高亮展示。 在main.js里引用组件 import hljs from "highlight.js"; import "highlight.js/st 阅读全文
posted @ 2024-08-09 17:42 comeoncode 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 进度条的颜色设置:strokeColor="red" 进度条的未完成的背景颜色设置: .ant-progress-circle-trail{ stroke:#CFE5E9 !important; } antd-表格里的内容向上对齐: td.ant-table-row-cell-break-word{ 阅读全文
posted @ 2024-08-09 16:14 comeoncode 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 最开始设置的子元素D 是text-align:center,子元素C的内容过长的时候,会发现子元素D不在页面正中了 所以需要把子元素D设置成固定中间,把子元素D设置成固定中间后,发现元素B把子元素D给覆盖了一部分, 所以需要在父元素A和元素B之间加一个空的div,给div设置高度后,父元素A和元素B 阅读全文
posted @ 2024-08-09 15:29 comeoncode 阅读(5) 评论(0) 推荐(0) 编辑
摘要: display:block; display:inline-table; <div style="margin-bottom: 8px;display:block;"> <div style="float:left;color:#ABABAB;font-size:12px;">实际工时</div> 阅读全文
posted @ 2024-08-09 15:20 comeoncode 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 获取本周的开始日期和结束日期(本周周一到周日): var currentTime = new Date() this.getThisWeekData(currentTime, 0) 点击切换上周的周历(把当前周的周一的时间传进去就行,如“2024-08-05”): this.getThisWeekD 阅读全文
posted @ 2024-08-09 10:30 comeoncode 阅读(4) 评论(0) 推荐(0) 编辑