组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
85浏览
Ant Design的Menu菜单怎么设置选中项后不自动展开子菜单？
我在用Ant Design的侧边栏菜单时遇到个奇怪的问题。设置了mode为inline，点击父菜单项展开子菜单后，如果直接点击父菜单的选中项，整个子菜单会突然收起来，这让我很困扰。 我尝试过设置def...
-
1
回答
33浏览
Highcharts在React中更新数据后图表不刷新怎么办？
我在React项目里用Highcharts做柱状图，初始化数据没问题，但通过按钮更新数据后图表没变化，这是为什么？ 代码是这样的： import HighchartsReact from '...
-
1
回答
35浏览
React动态表单中如何正确更新嵌套数组字段的值？
我在用React做动态表单，允许用户添加多个联系人信息，每个联系人又有多个电话号码字段。现在遇到一个问题：当修改第二个联系人的第二个电话号码时，第一个联系人的最后一个号码也会跟着变。 我用useSta...
-
1
回答
20浏览
TDesign的Upload组件如何自定义上传前的文件验证？
在用TDesign的Upload组件时，想在上传前验证文件类型和大小，但设置beforeUpload后不管选什么文件都能上传，哪里出问题了？ 比如设置只能上传PDF且不超过5MB，代码这样写的： co...
-
2
回答
28浏览
Material-UI的Badge徽章怎么总盖不住按钮图标？
我在用Material-UI的Badge包裹按钮时，发现徽章总是显示在图标下方，而不是右上角。按照文档用了anchorOrigin和transform属性，但位置还是不对： <Badge bad...
-
2
回答
14浏览
React的Result组件图标怎么根据状态动态显示不生效？
我在用Ant Design的Result组件做接口调用反馈时遇到问题。想根据isSuccess状态切换成功和失败图标，但无论怎么改，图标都只会显示初始值。比如调用成功时应该显示CheckCircleO...
-
1
回答
16浏览
Naive UI的Pagination切换页码后怎么数据没更新？
我在用Naive UI的分页组件做数据分页，页面初始化时数据正常显示，但切换页码后数据还是第一页的内容，控制台没报错。我用了@update:page监听页码变化，代码是这样的： <n-pagin...
-
1
回答
11浏览
Vant NavBar标题在手机横屏时被截断，如何自适应调整？
在用Vant的NavBar做页面导航时，发现当手机横屏时标题文字会被右边的按钮挤到只剩一半显示。试过给标题加white-space: nowrap和设置固定宽度，但横屏时文字依然被截断。还尝试用fle...
-
1
回答
12浏览
Element Plus Dialog动态标题不更新怎么办？
我在用Element Plus的Dialog组件时遇到个怪问题，想动态修改标题文本却没反应。比如点击按钮弹窗时传入不同的标题，但实际显示一直是初始值。代码检查了好几遍没问题： <template...
-
2
回答
10浏览
Vue Bar柱状图数据更新后图表不刷新怎么办？
用Vue写了一个Bar柱状图组件，数据从接口拿回来后初始化正常，但切换筛选条件后数据更新了图表却不刷新，尝试过this.$forceUpdate()也没用，求解！ 代码结构大概是这样的： export...
-
2
回答
12浏览
富文本编辑器自动保存时如何避免重复提交？
我在用Quill做富文本编辑器时，给文本变化事件绑定了防抖后的保存函数。但发现用户连续输入时，还是会有多个请求同时发送，导致数据库重复记录。用了lodash的debounce，参数设了3000ms，但...
-
1
回答
15浏览
Vue富文本编辑器撤销功能导致光标位置错乱怎么办？
我在用contenteditable做富文本编辑器时，想通过保存历史快照实现撤销功能。但每次undo后光标会跳到开头，而且频繁操作会内存溢出。 现在用Vue维护一个history数组，在input事件...
-
1
回答
9浏览
为什么我的Row组件里的子元素无法均匀分布？
我在用自定义的Row组件布局时，想让三个子元素在一行里均匀分布，但不管怎么调整flex属性都挤在一起。 代码写成这样： function Row({ children }) { return ( &l...
-
1
回答
13浏览
Vant按钮组件在iPhone14上字体和间距变形怎么办？
在React项目里用Vant的按钮组件，按照文档设置了rem基准值，但在iPhone14真机测试时按钮字体突然变大，左右间距也比设计稿宽了很多。 代码配置是这样的： import 'vant/lib/...
-
1
回答
18浏览
UIkit Lightbox图片预览无法自动播放轮播，如何解决？
折腾了一下午想让UIkit的Lightbox灯箱轮播图片自动播放，但设置autoplay属性后完全没反应。初始化代码和HTML结构都检查了好几遍： UIkit.util.on(document, &#...
-
2
回答
12浏览
Vant主题变量覆盖后样式没变化怎么办？
在用Vant3做主题定制时，按文档在变量文件里改了按钮颜色，但页面按钮还是默认蓝色。已经确认变量文件路径正确，也尝试过重启服务，但没效果。代码和配置都检查了好几遍，搞不懂哪里出问题了： // 在src...
-
2
回答
56浏览
ColorPicker颜色选择后数据不更新怎么办？
大家好，我在用Vue的ColorPicker组件时遇到个怪问题。当我用鼠标选颜色时数据能正常更新，但手动输入十六进制代码后，输入框里的值没变，颜色预览也没反应。 我这样写的代码： <el-col...
-
1
回答
1,196浏览
Material-UI AppBar固定后内容被遮挡怎么办？
我在用Material-UI的AppBar做固定顶部栏时，设置了position="fixed"，但下方内容被导航栏遮住了。之前试过给App容器加margin-top:64px，虽然初始显示正常了，但...
-
1
回答
45浏览
Element Plus的Carousel指示器不显示，怎么排查？
用Element Plus的Carousel组件做图片轮播时，底部的指示器突然不显示了。按照文档配置了indicator属性，也试过手动添加CSS设置颜色和尺寸，但就是看不到小圆点。 试过把指示器容器...
-
2
回答
36浏览
使用Space组件设置gap后子元素间距没变化怎么办？
我在用Ant Design的Space组件布局卡片标题和操作按钮，设置了gap="16"但两个元素还是紧挨着，这是为什么？ 尝试过检查CSS优先级，发现父容器有flex布局，但即使把gap改成24px...
