组件
深耕组件化开发实践,解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
16浏览
Affix固钉组件在滚动时没有固定定位怎么办?
我在用Ant Design的Affix组件做侧边栏固定,但滚动到设置的offset位置时,组件并没有固定住。已经按文档设置了offsetTop=200,代码也看起来没问题: <a-affix :...
组件 2026-02-15 08:13:30 -
1
回答
44浏览
iView Cascader级联选择器动态更新数据后无法重新渲染怎么办?
在用iView的Cascader组件时,初始数据能正常显示,但通过API获取新数据后,直接赋值给options数组却没变化,控制台还报错说"Invalid prop: type check faile...
组件 2026-02-14 22:38:41 -
1
回答
21浏览
Material-UI Badge徽章在动态更新时位置偏移怎么办?
在Vue项目里用Badge显示购物车数量,数据更新后徽章位置会突然跳到图标下方,之前正常显示在右上角的 代码是这样写的: <template> <Badge :overlap="tr...
组件 2026-02-14 20:41:27 -
2
回答
22浏览
Naive UI的Input组件value类型报错该怎么处理?
我在用Naive UI的NInput组件时遇到了TypeScript错误,明明按照文档传了value和onChange,但IDE一直报错: import { NInput } from 'naive-...
组件 2026-02-14 20:07:30 -
2
回答
10浏览
Arco Design主题配置后按钮颜色没变化怎么办?
我在React项目里用Arco Design的ConfigProvider配置了主题,但按钮颜色没按设置显示。按照文档写了colorPrimary变量,代码检查了好几遍没看出问题,这是哪里出错了? i...
组件 2026-02-14 16:23:30 -
1
回答
17浏览
在Vue组件单元测试中如何验证自定义事件触发次数?
我在测试一个带计数功能的按钮组件时,发现用Vue Test Utils的$emit无法正确验证事件触发次数。组件点击后会连续触发两次自定义事件,但测试总是显示调用次数为0: // CounterBut...
组件 2026-02-14 14:04:43 -
2
回答
72浏览
为什么Element Plus的加载动画在表格数据加载时没有显示?
在用Element Plus的el-table做数据加载时,按照文档写了v-loading="loading",但点击加载按钮后动画一直没出现,控制台也没报错,这是怎么回事? 我已经在data里定义了...
组件 2026-02-14 13:54:28 -
1
回答
21浏览
Bootstrap警告框在Vue中动态隐藏后样式残留怎么办?
我在用Vue和Bootstrap做表单验证时,给错误提示用了alert-danger组件。通过v-if控制显示隐藏,但隐藏后背景色偶尔会残留白色边框,这是怎么回事啊? 代码是这样的: <temp...
组件 2026-02-14 13:07:27 -
1
回答
16浏览
Element Plus主题变量配置后颜色没变化怎么办?
最近在给Vue3项目用Element Plus,按照文档配置了主题变量,改了$--color-primary的值,但按钮颜色完全没变,这是哪里出问题了? 我照着官网步骤新建了element-varia...
组件 2026-02-14 09:26:34 -
2
回答
42浏览
Flex布局里的图片宽度不一致怎么办?
我在用Flex布局做图片列表时,设置flex-wrap后图片虽然能换行,但每张图片显示的宽度都不一样,怎么才能让它们等宽排列呢? 代码结构就是这样,容器用了flex和flex-wrap,图片都设置了m...
组件 2026-02-14 07:15:24 -
1
回答
41浏览
UIkit Sticky导航栏滚动到顶部时突然消失怎么办?
我在用UIkit的Sticky组件做固定导航栏,滚动到页面顶部时导航栏突然消失了,但往下拉又会出现,这是怎么回事? 代码结构是这样的: <nav class="uk-navbar-contain...
组件 2026-02-14 06:09:24 -
1
回答
27浏览
Arco Design Table表头固定后内容滚动消失怎么办?
在用Arco Table做固定表头时,设置scroll={{ x: true }}和columns的fixed属性后,横向滚动时部分内容会突然消失,这是什么问题? 尝试过把表格包裹在固定高度的div里...
组件 2026-02-14 04:33:27 -
1
回答
94浏览
为什么我的WebGL着色器编译后无法显示红色三角形?
我尝试用WebGL绘制一个红色三角形,但屏幕上只显示黑色,控制台也没有报错。检查过代码,顶点和片段着色器的编译状态都是成功的,但就是看不到颜色。我按教程写的代码,但哪里出问题了? 顶点着色器代码: c...
组件 2026-02-14 00:18:46 -
1
回答
98浏览
Ant Design的Tag可删标签为什么点击删除图标没反应?
我在用Ant Design的Tag组件做可删标签,动态添加的标签删除图标点击没反应。按文档写了onChange事件,但控制台没报错,手动console.log也发现事件没触发。 尝试过给每个标签加唯一...
组件 2026-02-13 23:57:24 -
2
回答
21浏览
AutoComplete输入空格时触发搜索,但后端返回无效查询错误怎么办?
在做电商搜索框时用了Antd的AutoComplete组件,用户输入带空格的关键词(比如"红 著")会触发搜索请求,但后端把空格当作无效查询返回400错误。我试过在onChange里用value.tr...
组件 2026-02-13 23:43:26 -
2
回答
13浏览
Transfer组件动态更新数据后选中的项为什么会消失?
我在用Ant Design的Transfer组件时遇到问题,当通过接口动态更新源数据后,目标列表里之前选中的项会突然消失。比如用户已经把几个条目移到右边,这时候刷新数据源,右边的选中列表就空了。 我尝...
组件 2026-02-13 23:08:25 -
1
回答
9浏览
时间线组件动态数据加载后步骤点顺序错乱怎么办?
我在用Vue做时间线组件时遇到问题,当从接口动态获取steps数据后,时间线的步骤点显示顺序总是和数组顺序相反。比如数据是[步骤1,步骤2,步骤3],但页面上显示成3-2-1排列。 我尝试在CSS里给...
组件 2026-02-13 22:23:23 -
1
回答
47浏览
Vant NavBar左侧箭头点击后为什么会触发两次返回?
用Vant的NavBar组件时,左侧箭头@click绑定了自定义返回方法,但点击时发现控制台打印了两次log,实际也执行了两次跳转。我检查了代码没找到重复绑定,这是什么情况啊? 代码这样写的:<...
组件 2026-02-13 21:34:40 -
1
回答
19浏览
Material-UI的Select默认选项不显示还报错怎么办?
我在用Material-UI的Select组件时设置了defaultValue,但页面显示为空,控制台还报错说"Warning: A component is changing the uncontr...
组件 2026-02-13 21:05:23 -
1
回答
10浏览
Vant的Search组件为什么在输入框聚焦时页面突然跳动?
在用Vant的Search组件做顶部搜索栏时,每次点击输入框聚焦,整个页面会突然跳动一下,特别是在移动端测试特别明显。试过给外层加position: fixed和调整padding-top,但还是会出...
组件 2026-02-13 21:04:27