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