组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
37浏览
Element Plus 表单校验不触发是怎么回事？
我在用 Element Plus 写一个登录表单，明明给 form-item 加了 rules，也绑定了 model，但点击提交时校验完全没反应，错误提示也不显示。是不是漏了什么关键步骤？ 我试过在 ...
-
1
回答
26浏览
Ant Design 的 Notification 通知怎么自定义样式不生效？
我在用 Ant Design 的 notification 组件时，想改一下背景色和文字颜色，但按照文档传了 className 或 style 好像都没用。比如我试过 notification.op...
-
1
回答
39浏览
List列表数据渲染后样式错乱怎么办？
我用Vue写了个商品列表，数据是从接口拉的，渲染出来后发现每个item之间的间距不一致，有的挤在一起，有的又隔很远。明明CSS里写了统一的margin，但看起来完全没生效。 我试过加!importan...
-
1
回答
37浏览
TDesign级联组件怎么设置默认选中值？
我用TDesign的Cascader组件做地区选择，数据是动态加载的，但不知道怎么设置默认选中的值。试过直接给value赋值数组，比如['110000', '110100']，但组件没反应，下拉框还是...
-
1
回答
23浏览
Arco Table 的 rowSelection 选中后怎么获取当前行数据？
我在用 Arco Design 的 Table 组件做用户列表，加了 rowSelection 之后点选某一行，想拿到这一行的完整数据，但文档里没太看明白。试过在 onChange 里打印 selec...
-
1
回答
28浏览
Element Plus 的 Statistic 组件怎么设置小数位数？
我在用 Element Plus 的 Statistic 组件显示金额，但默认好像只显示整数，试了 formatter 也没生效。 比如我想显示 123.45 这样的两位小数，应该怎么做？官方文档里没...
-
2
回答
21浏览
Material-UI 的 Snackbar 为啥不自动关闭？
我用 Material-UI 写了个 Snackbar，设置了 autoHideDuration={3000}，但消息弹出来后根本不自动消失，得手动点关闭才行。 试过把 open 状态绑定到 useS...
-
1
回答
29浏览
UIkit网格在Vue里不生效是怎么回事？
我在Vue项目里引入了UIkit，想用它的Grid布局，但写完发现列没按预期排列，全都堆在一起了。是不是哪里漏了？ 我已经在main.js里import 'uikit/dist/css/uikit.m...
-
1
回答
28浏览
Ant Design Menu 菜单点击后为啥不高亮？
我用 Ant Design 的 Menu 组件做侧边栏，点击菜单项后页面能跳转，但选中的项没有高亮显示。明明设置了 selectedKeys，可就是没效果，是我哪里写错了吗？ 我的代码大概是这样： c...
-
1
回答
54浏览
Popover 气泡卡片怎么让它自动调整位置避免被遮挡？
我在用 Ant Design 的 Popover 组件，但有时候它弹出来会被页面边缘或者父容器裁掉，内容显示不全。 试过加 placement="top" 之类的，但还是会被挡住。官方文档说支持自动调...
-
1
回答
31浏览
Steps步骤条动态更新状态不生效是怎么回事？
我在用 Ant Design 的 Steps 组件做一个多步骤表单，想根据用户操作动态更新当前步骤的状态（比如从 wait 变成 process 或 finish），但改了 state 之后 UI 没...
-
1
回答
46浏览
Ant Design 的 Tabs 切换时为什么内容会闪烁或重新渲染？
我在用 Ant Design 的 Tabs 组件，发现每次切换 Tab 时，对应的内容组件都会重新 mount，导致数据重新请求、输入框内容丢失。明明没用 forceRender={false} 啊？...
-
1
回答
30浏览
Layout布局在移动端显示错乱怎么办？
我用 Ant Design 的 Layout 组件搭了个后台页面，PC 上看着没问题，但一到手机上整个布局就塌了，侧边栏没隐藏还挤在一起，根本没法用。 我试过加 responsive 样式，也看了文档...
-
1
回答
27浏览
Material-UI 的 Slider 滑块怎么在 Vue 里用不了？
我最近在 Vue 项目里想用 Material-UI 的 Slider 组件，但发现根本渲染不出来，控制台也没报错，就是一片空白。是不是 Material-UI 不能直接在 Vue 里用啊？我之前只在...
-
1
回答
25浏览
Result组件的extra插槽内容不显示是怎么回事？
我在用Ant Design的Result组件时，想在extra区域加个返回按钮，但写完发现按钮根本没渲染出来，控制台也没报错，是我写法有问题吗？ 我试过直接写JSX和用函数返回，都不行。代码大概是这样...
-
1
回答
25浏览
iView DatePicker 日期范围选择怎么限制最大跨度为30天？
我在用 iView 的 DatePicker 做一个日期范围筛选，想限制用户最多只能选30天的区间，但文档里没找到相关配置。试过在 on-change 里判断然后重置值，结果页面卡死或者报错。 下面是...
-
2
回答
23浏览
Naive UI 的 Message 消息为啥不显示？
我按照文档在 React 项目里用 Naive UI 的 message，但点击按钮完全没反应，控制台也没报错。是不是漏了啥配置？ 我试过直接调用 window.$message，也试过从 setup...
-
1
回答
31浏览
Bootstrap表单的输入框为什么高度不一致？
我在用Bootstrap 5写一个登录表单，发现文本输入框和下拉选择框的高度不一样，看起来很别扭。明明都加了form-control类，但select比input矮一点，这是啥原因？ 我试过加form...
-
1
回答
45浏览
Vant 的 Icon 图标不显示怎么办？
我在 Vue 项目里用 Vant 的 Icon 组件，按文档写了 <van-icon name="success" />，但页面上啥也没有，图标完全不显示。是不是还要额外引入什么样式或者字...
-
2
回答
40浏览
TagInput 组件怎么限制输入的标签数量？
我在用一个 TagInput 组件，想限制用户最多只能输入 5 个标签，但不知道该怎么实现。试过在 onInput 里判断 tags.length，但好像没生效。 比如用户已经输入了 5 个标签，这时...
