
ant design vue
主要是vue2中的使用
licongmingli
这个作者很懒,什么都没留下…
展开
-
ant-vue-design 中a-select下拉选择框全局自定义滚动条样式
在vue项目中,实现全局使用的a-select选择框都可以默认有自定义滚动条样式。在assets中创建css文件夹用于放自定义样式文件。在main.js中引入样式文件。原创 2025-03-20 10:38:35 · 217 阅读 · 0 评论 -
ant-design-vue使用upload上传图片并实现预览缩放查看图片
ant-design-vue上传图片后实现预览查看,并支持缩放图片大小原创 2024-12-02 13:25:36 · 716 阅读 · 0 评论 -
a-tooltip内容过多超出屏幕的优化方案
文本内容溢出使用a-tooltip悬浮展示,但内容真的超级超级多,几千字符,直接导致悬浮窗超出屏幕高度。原创 2024-10-30 18:59:01 · 548 阅读 · 0 评论 -
ant vue design日期组件date-picker自定义快捷选择日期封装
ant design vue快捷日期选择原创 2024-09-04 10:21:12 · 575 阅读 · 0 评论 -
Ant-Design的Tooltip如何只在内容溢出时显示,内容不溢出时不显示
scollHeight:元素内容高度,包括溢出的不可见内容。(可视区域高度+被隐藏区域高度,当内容没有溢出时clientHeight ===> scollHeight )clientHeight :元素像素实际高度。(内容有溢出时,理解为可视区域高度)写一个方法阻止鼠标事件,及时页面有多个Tooltip也可以重复使用该方法!原创 2023-11-30 15:01:12 · 1379 阅读 · 0 评论 -
使用 ant-design选择器tags select进行模糊搜索和内容输入。
1.模糊搜索(不区分大小写)2.可输入(对单个标签只能输入英文字符、数字、短横线、下划线和小数点且10个字符内)3.所有标签总长度不超过100字符。原创 2023-11-24 11:03:55 · 1444 阅读 · 1 评论 -
解决问题:a-table绑定的列数据是数组,直接使用没有分隔符
问题:在a-table中直接使用:colums="colums"绑定的数据是没有逗号分隔的,会展示为。需求:返回数据为数组[‘CCS’, ‘css-lxl’],要求展示在table列中按逗号分开。解决:使用插槽遍历数组,且最后一项不需要逗号,使用三元表达式。原创 2023-11-23 10:22:44 · 198 阅读 · 0 评论 -
antdesign vue 树形表格 table 默认展开所有行 遇到的坑!
默认展开所有行数据:给table添加`defaultExpandAllRows`属性为true。给table绑定动态key,每次数据更新都更新key值,table就会自动变成新的component,即重新渲染。原创 2024-02-23 14:23:47 · 1499 阅读 · 0 评论 -
antdesign vue 自定义实现可选表格,表格某列选项可选、行可选、表头可选
需求:表格指定列中所有单选框的选中状态与对应行的单选框状态,两两相关;每一行的单选框状态又与表头的单选框状态,两两相关。(1)当选择某些行时,表头是部分选样式;所有行选中时,表头会是选中状态;所有行不选时,表头是非选中状态。(2)当点击表头单选框为选中状态时,每一行会变为选中状态。同理,表格数据选中状态与行选中状态类似上述两步~原创 2023-12-22 17:33:28 · 2249 阅读 · 1 评论 -
优化ant vue design 中a-select选择数据过多导致渲染卡顿问题
解决a-select下拉列表渲染数据卡顿原创 2024-08-19 18:49:38 · 913 阅读 · 0 评论 -
ant design vue动态添加输入框,输入框动态样式bug
写了一个button点击事件动态添加输入框,当输入框为2个及以上时,在输入框右侧新增一个删除功能图标。,所以当新增输入框时,删除的icon会立即执行,而input框会在0.3s后改变宽度为90%。在这里使用了v-bind 对input输入框的style样式进行动态更新。原创 2023-12-26 11:26:18 · 601 阅读 · 0 评论 -
ant design vue 树表格chilren为空数组时也有展开符(加号+)
所有行都有展开符(加号),但实际上chilren为空的数据是不应该有展开符的。原创 2024-02-26 10:40:08 · 387 阅读 · 0 评论 -
ant design vue 树表格排序、列筛选遇到的坑!
ant design vue树表格排序只能升序,筛选值被清空的坑原创 2024-02-23 18:06:10 · 598 阅读 · 0 评论