组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
23浏览
Element Plus折叠面板怎么默认展开多个项？
我在用Element Plus的Collapse组件，想让页面加载时默认展开多个面板，但试了设置activeNames为数组，好像只生效第一个。是不是我写法有问题？ 我这样写的： <el-col...
-
2
回答
43浏览
TagInput 组件怎么实现回车添加标签？
我用 Vue 写了个 TagInput，想让用户敲回车就自动把输入内容变成标签加进去，但试了好几次都不行。输完字按回车，页面直接刷新了，标签也没加上。 我监听了 @keydown.enter 事件，也...
-
2
回答
36浏览
React中Audio组件无法自动播放怎么办？
我在做音乐播放功能时，想让页面加载后自动播放音频，但试了好几次都不行，控制台也没报错，就是静悄悄的。 我查了文档说要用户交互后才能播放，但我这个是后台播放场景啊，难道真没法绕过？下面是我的代码： us...
-
1
回答
30浏览
TDesign Steps步骤条怎么自定义激活状态的颜色？
我用 TDesign 的 Steps 组件，想把当前激活步骤的主色从蓝色改成紫色，但改了全局主题色没生效。试过直接覆盖 CSS 类名也不行，是不是我选错选择器了？ 这是我的覆盖样式： .t-steps...
-
2
回答
61浏览
Naive UI 的 Drawer 抽屉怎么动态修改宽度？
我在用 Naive UI 的 Drawer 组件，想根据屏幕尺寸动态调整抽屉的宽度。比如在桌面端设成 600px，移动端变成 100%。我试过直接绑定 width 属性：:width="drawerW...
-
2
回答
44浏览
iView的Input组件为什么无法双向绑定输入值？
我在用iView的Input组件做表单，想实现输入内容实时更新到state里，但发现输入框的内容变了，state却没更新。我按照文档用了onInput和value，但好像没生效，是不是哪里写错了？ 下...
-
1
回答
35浏览
Dropdown下拉菜单点击后不消失怎么办？
我用原生JS写了个简单的下拉菜单，点击按钮显示菜单没问题，但点菜单项之后下拉框不自动收起，得再点别处才行。这体验太差了，咋解决啊？ 我试过在菜单项的点击事件里加 dropdown.classList....
-
2
回答
89浏览
AppBar固定在顶部后内容被遮挡怎么办？
我用 Material-UI 的 AppBar 设置了 position="fixed"，结果下面的页面内容被挡住了，试过加 padding 但不太稳定，有没有标准做法？ 比如我在 AppBar 下面...
-
2
回答
45浏览
Naive UI 的 Modal 模态框高度怎么自适应内容？
我用 Naive UI 的 Modal 组件时，发现默认高度是固定的，内容多了会出滚动条，但我想让 Modal 高度自动撑开，最多不超过视口高度。试过在 n-modal 上加 style，也试过用 C...
-
1
回答
30浏览
Slate 中如何正确处理自定义节点的反序列化？
我在用 Slate 做富文本编辑器，想支持自定义的 block 节点，比如代码块。但把 HTML 字符串转回 editor value 时，自定义节点总是变成默认的 paragraph，试了在 des...
-
1
回答
54浏览
Element Plus日历组件怎么自定义日期单元格内容？
我在用Element Plus的Calendar组件，想在每个日期格子里显示自定义内容，比如当天的待办数量。官方文档说可以用scoped slot，但我试了date-cell好像没生效？ 我这样写的：...
-
2
回答
32浏览
TDesign 表单校验不生效是怎么回事？
我在用 TDesign 的 Form 组件做表单校验，rules 也配了，但提交时根本没触发校验，直接就通过了。明明字段是必填的，却一点提示都没有。 我试过把 rules 写在 FormItem 上，...
-
2
回答
30浏览
Skeleton骨架屏在Vue中如何正确控制显示时机？
我在用Vue做列表页，数据从接口获取，想加个骨架屏提升体验。但不确定该在什么时候切换骨架屏和真实内容。 目前是用loading变量控制，初始为true，请求完成设为false。但有时候数据很快回来，骨...
-
2
回答
68浏览
UIkit 的滑动动画怎么不生效？
我在用 UIkit 做一个下拉菜单，想加个滑动展开的动画效果，但加上 uk-toggle 和 uk-animation-slide-top 后完全没反应，元素直接显示/隐藏了，动画一点没出来。 我查了...
-
1
回答
36浏览
Divider 分割线在 Flex 布局里不显示怎么办？
我在用 Vue3 + Element Plus 写一个列表页，想在两个卡片之间加个分割线，就用了 <el-divider></el-divider>。但奇怪的是，页面上完全看不...
-
2
回答
43浏览
Collapse折叠动画高度怎么动态计算？
我用原生JS写了个Collapse组件，但展开时高度固定写死了，内容一多就显示不全。试过用scrollHeight，但动画过程中高度变化会导致卡顿或者闪一下，不知道该怎么平滑处理？ 这是我的结构： &...
-
2
回答
38浏览
TDesign 表单校验不生效是怎么回事？
我用 TDesign 的 Form 组件做表单校验，但明明设置了 rules，提交时却完全没触发校验，直接就通过了，这是啥情况？ 我试过把 required 设成 true，也检查了字段名和 mode...
-
1
回答
28浏览
Material-UI 的 Radio 单选框怎么绑定值不生效？
我用 Material-UI 写了个单选组，但选了选项后 state 没变化，控制台也没报错。明明写了 onChange 事件，但就是不触发。 我试过把 value 设成字符串和数字，也检查了 che...
-
2
回答
44浏览
Arco Design 的 Tooltip 为什么在动态内容下不更新？
我在用 Arco Design 的 Tooltip 组件，传入的 content 是一个状态变量，但当我更新这个状态时，Tooltip 里的文字没变，还是显示旧的内容。明明 state 已经变了啊！ ...
-
1
回答
56浏览
Collapse折叠动画在React中为什么高度过渡不生效？
我用React写了个Collapse组件，想实现点击展开/收起时的高度平滑过渡，但动画完全没效果，直接闪现。试过加transition和maxHeight，还是不行，是不是哪里逻辑错了？ 这是我的代码...
