组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
39浏览
Arco Design步骤条点击下一步后当前步骤没变怎么办？
在用Arco的Steps做表单流程时遇到问题，设置了current属性但点击下一步按钮后步骤条状态完全没变化。 我按照文档写了一个简单的步骤条，用current绑定到data里的currentStep...
-
2
回答
74浏览
Ant Design的Empty组件如何自定义提示内容和按钮跳转？
在做用户订单列表页时，想用Empty组件显示空状态，但发现官网的示例只能显示默认文案和图片。我想自定义提示文案加一个「去添加商品」的按钮跳转，尝试把按钮套在里放在Empty下面，结果布局错位了。 试过...
-
2
回答
54浏览
Element Plus穿梭框数据怎么总是不同步？
用Element Plus的Transfer组件做数据迁移时，选中的项在左右切换后数据没及时更新，页面显示和实际数据不一致。试过用v-model绑定数据数组，但点击按钮后数据还是没变化。 代码结构大概...
-
2
回答
97浏览
Vue Collapse组件展开时为什么动画不生效？
我在用Vue写一个折叠面板组件，参考了官方文档用了transition-group包裹内容区域，但展开时内容直接跳出来没有动画效果。已经设置了transition的name属性和CSS过渡样式，收缩时...
-
1
回答
74浏览
Arco Form表单提交后数据未更新，如何解决？
我在用Arco的Form组件做表单提交，点击提交按钮后数据能正常传到后端，但页面上的表单内容没有重置。用了resetFields()也不生效，控制台还报错：Cannot read properties...
-
2
回答
113浏览
UIkit的Sticky组件在React里滚动时不固定位置怎么办？
在React项目里用UIkit的Sticky组件包裹导航栏，设置data-uk-sticky属性后，页面滚动时导航栏完全不动了，但应该固定在顶部才对。我按照文档初始化过UIkit.init()，也试过...
-
2
回答
83浏览
React中使用Map组件时，为什么地图标记的位置偏移？
在集成高德地图API时，我按文档设置了标记点坐标，但显示的位置总偏移几十米。 比如代码里写的是[39.9041, 116.4072]（北京地标坐标），但地图上显示却在相邻街道。我检查过数据源没问题，也...
-
2
回答
211浏览
折叠面板展开时内容不更新怎么办？
在用Ant Design的Collapse组件做动态面板时遇到个怪问题。我通过点击按钮切换面板数据，虽然状态确实更新了，但展开的面板内容还是显示旧数据，完全懵了。 比如点击加载新数据后，面板标题变了但...
-
1
回答
95浏览
移动端触屏拖动进度条时数值跳动不连贯怎么办？
在开发音频播放器的进度条时遇到问题，用移动端触屏拖动进度条滑块时，数值显示总是卡顿跳动，不是平滑变化的。我用touchstart和touchmove事件监听坐标计算百分比，但滑动时数值会突然跳变 sl...
-
2
回答
145浏览
响应式网格组件的列间距在小屏幕下怎么变窄了？
我在用CSS Grid做布局组件时遇到问题。按照文档写了个响应式网格，设置了gap: 2rem，但在手机横屏模式（900px宽）下，列间距突然变成原来的一半，看起来很挤。 我尝试过用媒体查询调整gap...
-
2
回答
74浏览
TDesign步骤条current改变后样式没变化怎么办？
在用TDesign做订单流程页时，根据订单状态动态设置当前步骤，发现虽然current值变了但步骤条样式没更新，搞不懂为啥样式没变。 比如下面这个组件，我用useState绑定current，根据后端...
-
1
回答
77浏览
为什么我的Slide滑动动画在移动端显示不流畅？
我正在用CSS实现一个轮播图的左右滑动效果，代码看起来没问题，但在手机上滑动总卡顿。我用了transform和transition优化，还加了will-change属性，但效果还是不好。 这是我的CS...
-
2
回答
141浏览
React Badge徽标数字不显示，怎么定位问题？
在用Ant Design的Badge组件给消息按钮添加未读数时，数字一直不显示，但控制台没有报错。我按照文档写了类似下面的代码，但数字就是不出来，是样式被覆盖了吗？ import { Badge, B...
-
2
回答
54浏览
Naive UI的Pagination切换页码后数据没更新怎么办？
用Naive UI的Pagination组件做分页，切换页码时数据没变化，页面还是第一页的内容。 在Vue组件里绑定了page变量，通过@update:page="fetchData"监听事件，调接口...
-
2
回答
85浏览
TDesign Tree组件展开子节点后父节点不自动展开怎么办？
在用TDesign的Tree组件做分类菜单时遇到个问题，当选中某个子节点时想让父节点自动展开，但用了setExpandedKeys和expand方法都没反应，父节点还是折叠着。我按照文档传了子节点的k...
-
2
回答
109浏览
Arco Design按钮hover样式不生效怎么办？
在用Arco Design的Button组件时，给按钮加了hover样式，但鼠标悬停完全没反应。尝试过加!important也不行，怎么回事啊？ 我这样写的： .custom-btn:hover { ...
-
2
回答
212浏览
如何自定义Ant Design Result组件的图标样式？
在项目中使用Ant Design的Result组件时，想把默认图标换成自定义图片，但直接改icon属性里的标签后图片不显示，试过用CSS覆盖样式也没效果，该怎么办？ 代码这样写的：icon={}，但控...
-
2
回答
59浏览
Funnel漏斗图的各个阶段宽度比例不按预期显示怎么办？
我在用ECharts做漏斗图的时候，发现各个阶段的宽度比例完全不对。按照文档设置了width: '40%'，但每个阶段的宽度看起来完全随机，比如第一阶段是最大宽度，第二阶段反而比第四阶段还窄。 我尝试...
-
2
回答
80浏览
Naive UI的Modal关闭后数据未重置，如何解决？
我在用Naive UI的Modal做表单编辑时遇到问题，每次关闭Modal后表单里的输入内容没有清空，导致下次打开还是残留上次的数据。 尝试用v-model:visible绑定显示状态，同时在关闭时调...
-
2
回答
53浏览
TDesign Tree组件节点无法展开，如何排查？
在使用TDesign的Tree组件时，设置了节点的expandable属性为true，但点击箭头后节点就是不展开，数据里的children数组也正常，这是什么问题？ 尝试过手动给节点设置expande...
