组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
73浏览
Segmented分段控制器选中状态刷新后丢失怎么办？
我在用Ant Design的Segmented组件做标签切换时遇到个问题，选中项在页面刷新后就会重置了。我尝试用v-model绑定状态，并在mounted里从localStorage读取保存的值，但发...
-
2
回答
106浏览
列表滚动时复用项样式错乱怎么办？
我在用Vue做列表渲染时，滚动到新项会继承之前项的背景色样式，比如这样：v-for="(item, index) in list"设置了:key="index"，每个项有动态类名:class="{ a...
-
2
回答
92浏览
Switch开关点击后状态不更新怎么办？
在做表单组件时用原生checkbox写了个Switch开关，但点击后状态没变化。试过给input加checked属性和onChange事件，但控制台没报错就是不切换，怎么回事啊？ this.setSt...
-
2
回答
78浏览
element-plus的el-image点击预览没反应图片不显示怎么办
在用element-plus的el-image组件做图片预览功能时，按文档设置了preview属性，但点击图片完全没有反应，预览层根本不弹出，这是什么问题呢？ 我的代码是这样的： 已经确认imgUrl...
-
2
回答
92浏览
移动端分割线两端文字在小屏幕挤在一起怎么办？
我在用Divider组件做两端文字的分割线时，移动端显示特别怪。像这样： .divider-with-text { display: flex; justify-content: space-betw...
-
2
回答
60浏览
Vue的Rotate旋转动画在组件销毁后为什么还在转？
大家好，我在用Vue写一个加载旋转图标组件，用CSS的rotate动画让图标转起来。但是当我用v-if条件销毁组件时，图标还在页面上继续转几圈才消失，这该怎么解决啊？ 我尝试在组件里这样写的：@key...
-
2
回答
66浏览
Element Plus图标不显示，颜色设置也没效果怎么办？
刚在项目里用Element Plus的ElIcon组件包裹SvgIcon，图标完全没显示出来。我按文档引入了ElIcon和对应图标组件，但页面就是一片空白。更奇怪的是，我给图标加了红色和2倍大小，样式...
-
2
回答
145浏览
TDesign按钮样式覆盖不了自定义CSS，怎么解决？
在用TDesign的Button组件时，我想给按钮加个圆角和背景渐变，但写好的CSS样式一直被覆盖。比如这个代码：.td-button-custom { border-radius: 20px !im...
-
1
回答
103浏览
ApexCharts在React里改了数据图表就是不更新怎么办？
我在用ApexCharts做折线图的时候遇到个怪问题，当通过useState更新数据后图表没反应。之前试过forceUpdate和直接改series数组，但只有手动调整窗口大小才会重新渲染。 impo...
-
2
回答
73浏览
用Cropper.js上传图片后裁剪框位置重置怎么办？
用Cropper.js做图片裁剪时，上传新图片后之前的裁剪框位置会重置，怎么保持上次的裁剪区域？ 试过在上传后用cropper.setData()保存cropBoxData，但发现每次更换图片后坐标完...
-
2
回答
107浏览
Bootstrap警告框的关闭按钮不显示怎么办？
我在用Bootstrap的alert组件时，按照文档加了数据属性和close类，但关闭按钮就是不显示。检查过HTML结构没问题，还特意加了CSS想改颜色，结果按钮还是看不见... 这是我的代码片段，a...
-
2
回答
58浏览
为什么我的UIkit栅格在移动端显示错乱？
大家好，我在用UIkit做响应式布局时遇到个问题。设置了uk-grid的两列在桌面端显示正常，但手机端左侧列突然变窄挤在一起，原本应该堆叠的布局反而并排了。 我试过把列的class改成uk-width...
-
2
回答
88浏览
React组件使用泛型时报错”Type ‘string’ cannot be used as index type”
在写一个带泛型的React组件时遇到了类型错误，我定义了一个可以接收不同数据类型的表格组件： interface TableProps { columns: Array; data: T[]; } c...
-
2
回答
120浏览
Arco Design Tabs选中标签的下边框为什么会溢出容器？
在用Arco Design的Tabs组件时，给选中标签加了2像素蓝色下边框，但发现边框总超出容器右边框。试过设置margin-right:-4px和调整padding都不行，如下代码： .arco-t...
-
2
回答
88浏览
Vant的NoticeBar怎么设置自动播放间隔？
我在用Vant的NoticeBar做文字滚动时，发现自动播放的间隔时间太短了，改了duration属性没生效，怎么回事？ 按照文档写了这样： 设置duration为5000毫秒，但实际滚动间隔还是1秒...
-
2
回答
94浏览
TDesign Upload组件选择文件后on-change不触发怎么办？
在用TDesign的Upload组件做文件上传时，选完文件后on-change事件一直没反应。已经检查过事件名写的是on-change，也确认了TS文档示例，但就是不执行回调函数，控制台也没报错，搞不...
-
2
回答
54浏览
Element Plus分页点击页码后数据不更新怎么办？
用Element Plus的Pagination分页组件做列表页，页码点击后current-change事件能触发，但数据没变化，页面还是第一页内容。 已经按文档写了current-page绑定和@c...
-
2
回答
132浏览
Dropdown下拉菜单点击外部区域无法收起怎么办？
我在写一个带点击关闭的下拉菜单，用document监听点击事件判断是否在菜单外，但发现点击菜单选项时也会触发关闭，导致选不了项。 试过这样写： handleClickOutside = (e) =&g...
-
2
回答
51浏览
Framer Motion的动画在移动端卡顿怎么办？
我在用Framer Motion做下拉刷新动画时，iOS设备滑动特别卡顿。用了animatePresence和stagger，代码大致是这样的： const container = useMotion...
-
2
回答
75浏览
为什么在UIkit中使用uk-animation-slide-top时没有动画效果？
我按照文档给按钮加了uk-toggle和uk-animation-slide-top，点击时元素虽然显示了但没滑动效果，这是为什么呢？ 我这样写的代码： 显示内容 这里是滑动显示的内容 已经确认引入了...
