组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
63浏览
移动端分割线两端文字在小屏幕挤在一起怎么办？
我在用Divider组件做两端文字的分割线时，移动端显示特别怪。像这样： .divider-with-text { display: flex; justify-content: space-betw...
-
2
回答
43浏览
Vue的Rotate旋转动画在组件销毁后为什么还在转？
大家好，我在用Vue写一个加载旋转图标组件，用CSS的rotate动画让图标转起来。但是当我用v-if条件销毁组件时，图标还在页面上继续转几圈才消失，这该怎么解决啊？ 我尝试在组件里这样写的：@key...
-
2
回答
34浏览
Element Plus图标不显示，颜色设置也没效果怎么办？
刚在项目里用Element Plus的ElIcon组件包裹SvgIcon，图标完全没显示出来。我按文档引入了ElIcon和对应图标组件，但页面就是一片空白。更奇怪的是，我给图标加了红色和2倍大小，样式...
-
2
回答
102浏览
TDesign按钮样式覆盖不了自定义CSS，怎么解决？
在用TDesign的Button组件时，我想给按钮加个圆角和背景渐变，但写好的CSS样式一直被覆盖。比如这个代码：.td-button-custom { border-radius: 20px !im...
-
1
回答
68浏览
ApexCharts在React里改了数据图表就是不更新怎么办？
我在用ApexCharts做折线图的时候遇到个怪问题，当通过useState更新数据后图表没反应。之前试过forceUpdate和直接改series数组，但只有手动调整窗口大小才会重新渲染。 impo...
-
2
回答
45浏览
用Cropper.js上传图片后裁剪框位置重置怎么办？
用Cropper.js做图片裁剪时，上传新图片后之前的裁剪框位置会重置，怎么保持上次的裁剪区域？ 试过在上传后用cropper.setData()保存cropBoxData，但发现每次更换图片后坐标完...
-
2
回答
90浏览
Bootstrap警告框的关闭按钮不显示怎么办？
我在用Bootstrap的alert组件时，按照文档加了数据属性和close类，但关闭按钮就是不显示。检查过HTML结构没问题，还特意加了CSS想改颜色，结果按钮还是看不见... 这是我的代码片段，a...
-
2
回答
46浏览
为什么我的UIkit栅格在移动端显示错乱？
大家好，我在用UIkit做响应式布局时遇到个问题。设置了uk-grid的两列在桌面端显示正常，但手机端左侧列突然变窄挤在一起，原本应该堆叠的布局反而并排了。 我试过把列的class改成uk-width...
-
2
回答
70浏览
React组件使用泛型时报错”Type ‘string’ cannot be used as index type”
在写一个带泛型的React组件时遇到了类型错误，我定义了一个可以接收不同数据类型的表格组件： interface TableProps { columns: Array; data: T[]; } c...
-
2
回答
80浏览
Arco Design Tabs选中标签的下边框为什么会溢出容器？
在用Arco Design的Tabs组件时，给选中标签加了2像素蓝色下边框，但发现边框总超出容器右边框。试过设置margin-right:-4px和调整padding都不行，如下代码： .arco-t...
-
2
回答
62浏览
Vant的NoticeBar怎么设置自动播放间隔？
我在用Vant的NoticeBar做文字滚动时，发现自动播放的间隔时间太短了，改了duration属性没生效，怎么回事？ 按照文档写了这样： 设置duration为5000毫秒，但实际滚动间隔还是1秒...
-
2
回答
66浏览
TDesign Upload组件选择文件后on-change不触发怎么办？
在用TDesign的Upload组件做文件上传时，选完文件后on-change事件一直没反应。已经检查过事件名写的是on-change，也确认了TS文档示例，但就是不执行回调函数，控制台也没报错，搞不...
-
1
回答
38浏览
Element Plus分页点击页码后数据不更新怎么办？
用Element Plus的Pagination分页组件做列表页，页码点击后current-change事件能触发，但数据没变化，页面还是第一页内容。 已经按文档写了current-page绑定和@c...
-
2
回答
91浏览
Dropdown下拉菜单点击外部区域无法收起怎么办？
我在写一个带点击关闭的下拉菜单，用document监听点击事件判断是否在菜单外，但发现点击菜单选项时也会触发关闭，导致选不了项。 试过这样写： handleClickOutside = (e) =&g...
-
1
回答
38浏览
Framer Motion的动画在移动端卡顿怎么办？
我在用Framer Motion做下拉刷新动画时，iOS设备滑动特别卡顿。用了animatePresence和stagger，代码大致是这样的： const container = useMotion...
-
1
回答
59浏览
为什么在UIkit中使用uk-animation-slide-top时没有动画效果？
我按照文档给按钮加了uk-toggle和uk-animation-slide-top，点击时元素虽然显示了但没滑动效果，这是为什么呢？ 我这样写的代码： 显示内容 这里是滑动显示的内容 已经确认引入了...
-
2
回答
65浏览
React中DatePicker设置format后提交的日期仍是ISO格式怎么办？
我在用react-datepicker组件时遇到了奇怪的问题，设置format参数后界面显示正常，但表单提交时日期还是ISO格式字符串。比如选2024-05-01，显示变成05/01/2024，但控制...
-
1
回答
134浏览
为什么我的Zoom组件第一次加载时没有平滑过渡效果？
我用Vue的transition组件做元素缩放动画，设置了transform: scale和过渡效果，但第一次加载时元素直接显示，没有平滑放大效果，刷新页面反而正常了。试过加v-cloak也不行，哪里...
-
2
回答
79浏览
Element Plus级联选择器如何实现选项内容过长时的省略显示？
我在用Element Plus的Cascader组件做地区选择时，遇到选项内容过长导致文字挤在一起的问题。尝试给.cascader-class加了white-space: nowrap;和overfl...
-
2
回答
31浏览
面包屑组件最后一项如何不加斜杠和链接？
在做面包屑组件时发现，最后一项当前页不需要斜杠和链接，但用v-for循环渲染时所有项都带上了标签。比如下面这个例子： {{item}} / 这样渲染出来的最后一个还是有标签包裹，怎么调整才能让最后一项...
