组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
24浏览
Arco Form表单提交后数据未更新，如何解决？
我在用Arco的Form组件做表单提交，点击提交按钮后数据能正常传到后端，但页面上的表单内容没有重置。用了resetFields()也不生效，控制台还报错：Cannot read properties...
-
2
回答
96浏览
UIkit的Sticky组件在React里滚动时不固定位置怎么办？
在React项目里用UIkit的Sticky组件包裹导航栏，设置data-uk-sticky属性后，页面滚动时导航栏完全不动了，但应该固定在顶部才对。我按照文档初始化过UIkit.init()，也试过...
-
2
回答
51浏览
React中使用Map组件时，为什么地图标记的位置偏移？
在集成高德地图API时，我按文档设置了标记点坐标，但显示的位置总偏移几十米。 比如代码里写的是[39.9041, 116.4072]（北京地标坐标），但地图上显示却在相邻街道。我检查过数据源没问题，也...
-
2
回答
183浏览
折叠面板展开时内容不更新怎么办？
在用Ant Design的Collapse组件做动态面板时遇到个怪问题。我通过点击按钮切换面板数据，虽然状态确实更新了，但展开的面板内容还是显示旧数据，完全懵了。 比如点击加载新数据后，面板标题变了但...
-
1
回答
79浏览
移动端触屏拖动进度条时数值跳动不连贯怎么办？
在开发音频播放器的进度条时遇到问题，用移动端触屏拖动进度条滑块时，数值显示总是卡顿跳动，不是平滑变化的。我用touchstart和touchmove事件监听坐标计算百分比，但滑动时数值会突然跳变 sl...
-
1
回答
118浏览
响应式网格组件的列间距在小屏幕下怎么变窄了？
我在用CSS Grid做布局组件时遇到问题。按照文档写了个响应式网格，设置了gap: 2rem，但在手机横屏模式（900px宽）下，列间距突然变成原来的一半，看起来很挤。 我尝试过用媒体查询调整gap...
-
2
回答
44浏览
TDesign步骤条current改变后样式没变化怎么办？
在用TDesign做订单流程页时，根据订单状态动态设置当前步骤，发现虽然current值变了但步骤条样式没更新，搞不懂为啥样式没变。 比如下面这个组件，我用useState绑定current，根据后端...
-
1
回答
64浏览
为什么我的Slide滑动动画在移动端显示不流畅？
我正在用CSS实现一个轮播图的左右滑动效果，代码看起来没问题，但在手机上滑动总卡顿。我用了transform和transition优化，还加了will-change属性，但效果还是不好。 这是我的CS...
-
1
回答
112浏览
React Badge徽标数字不显示，怎么定位问题？
在用Ant Design的Badge组件给消息按钮添加未读数时，数字一直不显示，但控制台没有报错。我按照文档写了类似下面的代码，但数字就是不出来，是样式被覆盖了吗？ import { Badge, B...
-
2
回答
37浏览
Naive UI的Pagination切换页码后数据没更新怎么办？
用Naive UI的Pagination组件做分页，切换页码时数据没变化，页面还是第一页的内容。 在Vue组件里绑定了page变量，通过@update:page="fetchData"监听事件，调接口...
-
2
回答
57浏览
TDesign Tree组件展开子节点后父节点不自动展开怎么办？
在用TDesign的Tree组件做分类菜单时遇到个问题，当选中某个子节点时想让父节点自动展开，但用了setExpandedKeys和expand方法都没反应，父节点还是折叠着。我按照文档传了子节点的k...
-
1
回答
95浏览
Arco Design按钮hover样式不生效怎么办？
在用Arco Design的Button组件时，给按钮加了hover样式，但鼠标悬停完全没反应。尝试过加!important也不行，怎么回事啊？ 我这样写的： .custom-btn:hover { ...
-
2
回答
178浏览
如何自定义Ant Design Result组件的图标样式？
在项目中使用Ant Design的Result组件时，想把默认图标换成自定义图片，但直接改icon属性里的标签后图片不显示，试过用CSS覆盖样式也没效果，该怎么办？ 代码这样写的：icon={}，但控...
-
1
回答
17浏览
Funnel漏斗图的各个阶段宽度比例不按预期显示怎么办？
我在用ECharts做漏斗图的时候，发现各个阶段的宽度比例完全不对。按照文档设置了width: '40%'，但每个阶段的宽度看起来完全随机，比如第一阶段是最大宽度，第二阶段反而比第四阶段还窄。 我尝试...
-
1
回答
28浏览
Naive UI的Modal关闭后数据未重置，如何解决？
我在用Naive UI的Modal做表单编辑时遇到问题，每次关闭Modal后表单里的输入内容没有清空，导致下次打开还是残留上次的数据。 尝试用v-model:visible绑定显示状态，同时在关闭时调...
-
2
回答
21浏览
TDesign Tree组件节点无法展开，如何排查？
在使用TDesign的Tree组件时，设置了节点的expandable属性为true，但点击箭头后节点就是不展开，数据里的children数组也正常，这是什么问题？ 尝试过手动给节点设置expande...
-
2
回答
13浏览
Material-UI的Checkbox选中状态怎么无法更新？
我在用Material-UI的Checkbox做表单时遇到问题，选中状态明明更新了，但勾选框的显示一直没变化。之前按文档用了useState存数组，但点击其他选项时之前选中的会莫名取消。 代码像这样写...
-
1
回答
21浏览
iView的Poptip气泡提示内容被截断，怎么调整样式？
我在用iView的Poptip做表单校验提示，内容超过两行会被截断显示省略号。试过给.content样式加overflow:hidden和text-overflow:clip，但没生效。 .ivu-p...
-
1
回答
67浏览
Naive UI Upload上传组件如何自定义上传前文件验证？
在用Naive UI的Upload组件做图片上传时，想在上传前同时验证文件类型和大小，但按照文档写before-upload方法后，虽然能阻止上传却没提示错误信息，这是怎么回事？ 我试过这样写代码：b...
-
1
回答
39浏览
Vue组件插槽和默认内容同时存在时怎么设计才合理？
我在做可复用的卡片组件时遇到个困惑，想让组件既能显示默认内容，又能被用户自定义覆盖。比如这样写： <template> <div class="card">...
