组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
42浏览
Arco Design Tree组件选中节点后怎么获取完整路径？
我用 Arco Design 的 Tree 组件做了一个菜单选择功能，现在想在用户点击某个节点时拿到从根到该节点的完整路径（比如 ['parent', 'child', 'current']），但文档...
-
2
回答
41浏览
Material-UI的Switch怎么绑定受控状态？
我用Material-UI的Switch组件时，想让它受控，但状态总是不同步。点了没反应，控制台也没报错。 我试过用useState初始化值，onChange里调setState，但UI不更新。代码大...
-
1
回答
45浏览
Ant Design Upload 上传后怎么拿到文件的 base64 内容？
我用 Ant Design 的 Upload 组件做图片上传，想在用户选择文件后直接预览，所以需要把文件转成 base64。但文档里没找到直接获取 base64 的方法，试了 beforeUpload...
-
1
回答
31浏览
Vant的Icon图标不显示怎么办？
我用Vant的Icon组件，但页面上啥也没显示出来，控制台也没报错，是不是哪里漏了？ 我已经按文档引入了Icon组件，也确认样式文件加载了，但图标就是空白。试过用name属性指定"success"和"...
-
2
回答
53浏览
Message消息组件怎么在Vue3里全局调用？
我用的是Element Plus的Message组件，想在axios拦截器里直接弹错误提示，但不知道怎么全局调用。试过ElMessage.error('出错了')，结果报错说ElMessage is ...
-
2
回答
31浏览
Material-UI 的 Switch 开关怎么绑定受控状态？
我用 Material-UI 的 Switch 组件时，想让它受控，但状态好像没生效。点了没反应，控制台也没报错，是我写错了啥吗？ 我试了用 useState 管理 checked 状态，也传了 on...
-
2
回答
66浏览
Naive UI 的 TimePicker 时间范围限制不生效？
我在用 Naive UI 的 TimePicker 组件，想限制用户只能选 09:00 到 18:00 之间的时间，但设置 :disabled-hours 和 :disabled-minutes 好像...
-
1
回答
47浏览
Arco Design 的 DatePicker 为什么无法回显从接口获取的日期值？
我用 Arco Design 的 DatePicker 组件，从后端拿到一个 ISO 格式的日期字符串比如 "2024-05-15T08:30:00.000Z"，但直接赋值给 value 后组件不显示...
-
1
回答
27浏览
TDesign 组件的自定义主题色为啥不生效？
我在项目里用了 TDesign Vue 组件库，想把主色改成公司品牌色 #FF6B35，但改完后按钮、输入框这些组件颜色还是默认的蓝色，完全没变。 我按照文档在 main.js 里引入了自定义变量文件...
-
1
回答
42浏览
TDesign Menu 菜单激活项不随路由变化更新怎么办？
我用 TDesign 的 Menu 组件做侧边栏导航，菜单项绑定了 router-link，但切换路由后 active 项没自动高亮。明明路径变了，菜单却还停留在上一个页面的选中状态，这是哪出问题了？...
-
1
回答
31浏览
UIkit 的响应式网格在 React 中不生效是怎么回事？
我用 UIkit 做了一个简单的响应式布局，但在 React 项目里移动端根本不按预期堆叠，还是横着排。明明加了 uk-grid 和 uk-child-width-1-2@s 这些类，本地 HTML ...
-
1
回答
35浏览
图片加载失败时如何显示默认占位图？
我在用 Vue 做一个用户头像展示组件，但有些用户的头像 URL 是坏的，页面就直接裂图了。试过在 img 标签上加 @error 事件切换 src，但有时候还是不生效，特别是动态加载的数据。 比如下...
-
1
回答
46浏览
Material-UI的Avatar怎么显示默认图标而不是图片？
我在用 Material-UI 的 Avatar 组件，想在用户没上传头像时显示一个默认的 Person 图标，但不管怎么写都只显示首字母或者空白。我试过直接传 进去，但好像不对？ 这是我的代码： i...
-
1
回答
61浏览
Naive UI 的 DataTable 如何实现列宽拖动调整？
我在用 Naive UI 的 DataTable 做一个数据展示页，想让用户能手动拖动调整列宽，但文档里没找到相关配置。试了加 resizable 属性也不行，是不是不支持？ 这是我的表格代码： &l...
-
2
回答
39浏览
轮播图自动播放时怎么控制切换间隔时间？
我用原生JS写了个简单的轮播组件，但自动播放的切换速度太快了，想改成3秒换一张，试了改 setInterval 里的数值好像没生效，是不是哪里逻辑错了？ 这是我的关键代码： let currentIn...
-
1
回答
60浏览
Chart.js 动画只在首次加载时生效，后续数据更新没动画怎么办？
我用 Chart.js 做了个折线图，初始化的时候动画效果很流畅，但后面通过 chart.data.datasets[0].data = newData 更新数据后，图表直接“跳变”到新值，完全没有过...
-
1
回答
39浏览
Skeleton骨架屏在Vue中怎么实现动态切换加载状态？
我在用Vue做用户信息页，想在数据加载时显示骨架屏，加载完就隐藏。但试了好几种写法，骨架屏要么一直显示，要么直接跳过不显示。我是在setup里用ref控制loading状态的，数据请求是用axios发...
-
1
回答
38浏览
Element Plus 的 Loading 加载状态怎么在 React 中用？
我照着 Element Plus 文档想在 React 项目里加个全屏 loading，但完全没效果，页面一点反应都没有。是不是我用法不对？ 我试了直接套 ElLoading.service，也试了绑...
-
2
回答
29浏览
Gauge仪表盘在容器缩放时显示异常怎么办？
我用ECharts做的Gauge仪表盘，放在一个响应式卡片里，但窗口缩小时指针和刻度就错位了，看着特别别扭。试过设置resize监听，也加了容器的宽高百分比，还是不行。 这是我的容器样式： .gaug...
-
1
回答
40浏览
手势动画组件在移动端失效是怎么回事？
我用 hammer.js 做了个滑动切换的动画组件，本地 Chrome 模拟器上好好的，一到真机（iOS 和安卓）就完全没反应，连事件都不触发。 试过加 touch-action: none; 也试过...
