![](https://i-blog.csdnimg.cn/direct/e4aaf8e6d7d0472f9723e7bd1eed098b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Antd vue
记录在工作中遇到的关于antdv的具体问题以及解决方案
四喜花露水
麦当劳的薯条更好吃 -____,-
展开
-
Antd vue2.x a-table 表格自定义样式
2.投影部分无法使用 tr 的box-shadow实现,这里采用的是让 td 与其中的 div 产生内边距,再设置当hover时整块底部的 td 为黑到白的渐变色,所以表格两侧会出现切割痕迹。,提前用div包裹文字,用div的border来做hover tr出现的蓝色边框。1. 生成内容时使用循环插槽。原创 2024-08-08 17:11:49 · 201 阅读 · 0 评论 -
antd vue2.x popconfirm 气泡确认框阻止冒泡
2. popconfirm与图标的 disabled 一起用一个函数判断控制 true or false。1. 被包裹的 <i> 标签需要设置 @click.stop。原创 2024-07-31 14:41:43 · 165 阅读 · 0 评论 -
ant-design-vue, a-table,固定左侧2列,根据日期动态生成右侧表格数据
自定义一个date_data数组,a-table中template的v-for循环使用自定义date_data数组,注意:columns的slots title的值要与自定义date_data的属性dateName做对应,从而可以使用date_data中的数据做展示。原创 2024-01-15 15:43:10 · 553 阅读 · 0 评论 -
antd, a-table, 设置td的customCell点击事件
因为td里还包含了div,所以event.target不是td本身,无法使用cellIndex查找索引,需要用 .closest('className') 查找距离自己最近的符合条件的 td。a-table中,设置td的customCell点击事件。原创 2024-01-15 18:58:34 · 1012 阅读 · 0 评论 -
ant-design-vue, 设置DatePicker内建TimePicker的步长
设置DatePicker内建TimePicker的步长, :show-time="{ format: 'HH:mm', minuteStep: 15, hourStep: 1 }"原创 2024-01-17 14:32:11 · 523 阅读 · 0 评论 -
ant-design-vue, a-table, 自动生成序号列
通过 customRender: (text,record,index) => `${index+1}`, 自动生成序号列,不用再写template。原创 2024-01-19 11:10:18 · 1676 阅读 · 9 评论 -
vue2 antv table 可选行单选,并设置不可点击样式
【代码】vue2 antv table 可选行,并控制行不可点击样式。原创 2024-05-20 14:08:34 · 241 阅读 · 0 评论 -
vue2 antv 可编辑、保存表格
以下代码只记录了关键部分的主要思路。原创 2024-06-21 17:31:31 · 251 阅读 · 0 评论 -
vue antv 可多选表格嵌套标签页tabs样式变形问题
【代码】vue antv 可多选表格嵌套标签页tabs样式变形问题。原创 2024-06-27 15:22:13 · 225 阅读 · 0 评论 -
vue antv 自定义Descriptions 描述列表
思路:根据具体内容进行数据data中list的结构修改,再在template进行判断、展示。原创 2024-07-03 15:52:02 · 224 阅读 · 0 评论 -
vue antv 穿梭框Transfer配合树形控件Tree实现多选
如果要多选穿梭,要去掉 a-tree组件的 checkStrictly 属性。关键句在 method 的 onChecked 处。原创 2024-07-11 18:35:43 · 340 阅读 · 0 评论