组件
深耕组件化开发实践,解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
33浏览
Quill编辑器如何禁止用户输入图片?
我用 Quill 做了个简单的富文本编辑器,但不想让用户插入图片,试了改 toolbar 配置去掉 image 按钮,但用户还是能直接粘贴图片进来,这咋办? 我现在的配置是这样: const quil...
组件 2026-03-08 12:30:20 -
1
回答
37浏览
自定义组件发布到NPM后样式不生效怎么办?
我写了一个Vue的自定义按钮组件,本地测试样式正常,但打包发布到NPM后,别人安装使用时样式完全没加载。是不是我没正确处理CSS? 我在组件里写了scoped样式,也试过在package.json里加...
组件 2026-03-08 08:38:19 -
2
回答
34浏览
TDesign Dialog 关闭后怎么清除表单数据?
我在用 TDesign 的 Dialog 组件做编辑弹窗,里面有个表单。现在问题是,关闭对话框后再打开,表单里还留着上次的数据,这肯定不行啊。 我试过在 on-close 里手动清空数据,但好像时机不...
组件 2026-03-08 05:43:19 -
2
回答
64浏览
Divider分割线在Flex布局中不显示,怎么解决?
我在用 Flex 布局做用户信息展示,中间加了个 <Divider />,但页面上完全看不到分割线,其他元素都正常显示。是不是 Flex 会影响 Divider 的渲染? 我试过给 Div...
组件 2026-03-08 04:48:21 -
1
回答
40浏览
Element Plus 的 Loading 加载怎么在表格上局部生效?
我在用 Element Plus 的 el-table,想在数据加载时只给表格加 loading,但一加上整个页面都灰了,这是为啥? 我试过这样写: <el-table v-loading="l...
组件 2026-03-07 23:29:18 -
2
回答
31浏览
Tiptap 中如何监听编辑器内容变化并获取纯文本?
我用 Tiptap 搭了个简单的富文本编辑器,现在想在用户输入时实时拿到纯文本内容(不是 HTML),但文档里没太搞明白。试过 editor.on('update'),但拿到的是 Editor 实例,...
组件 2026-03-07 22:17:18 -
2
回答
41浏览
Skeleton骨架屏在Vue中怎么实现动态高度?
我用Vue做列表加载,想加个骨架屏,但每个item的高度不一样,写死height又不灵活。 试过用:style="{ height: loading ? '60px' : 'auto' }",但切换时...
组件 2026-03-07 20:34:23 -
1
回答
41浏览
Draft.js 中如何自定义编辑器的默认字体和行高?
我用 Draft.js 做了个简单的富文本编辑器,但默认字体太小了,想改成 16px 的微软雅黑,行高也调大点。试过直接给 Editor 组件加 style,但好像没生效? 我在外层容器写了这段 CS...
组件 2026-03-07 18:06:20 -
1
回答
42浏览
Material-UI 的 Slider 滑块怎么设置最小步长为 0.1?
我在用 Material-UI 的 Slider 组件做音量控制,想让滑块每次变动 0.1,但设了 step={0.1} 后滑块好像没反应,拖动时还是整数跳变。是不是还要配其他属性? 我试过同时设置 ...
组件 2026-03-07 17:16:20 -
1
回答
23浏览
Zoom缩放动画在React中如何实现平滑过渡?
我用React写了个简单的缩放动画,但元素放大时会突然跳变,没有平滑过渡,试了加transition也没用,是哪里写错了吗? const ZoomBox = () => { const [isZ...
组件 2026-03-07 15:42:20 -
2
回答
21浏览
Divider分割线在Vue中怎么用才对?
我用的是Element Plus的Divider组件,但加进去后样式不对,上下间距特别大,不知道是不是用法有问题。 我试过直接按文档写,也试过加自定义class,但都没啥用。下面是我现在的代码: &l...
组件 2026-03-07 14:12:19 -
2
回答
49浏览
iView表单的label宽度怎么不生效?
我在用iView的Form组件时,给FormItem设置了label-width属性,但发现根本没起作用,label还是特别窄,内容都挤在一起了。 我试过直接写死px值,也试过用百分比,都不行。是不是...
组件 2026-03-06 13:25:21 -
2
回答
21浏览
Editor.js 在 Vue 中初始化后无法输入内容是怎么回事?
我在 Vue 3 项目里集成 Editor.js,初始化看起来没问题,编辑器也渲染出来了,但就是点进去没法输入文字,光标都出不来。试过官方 demo 的配置,也检查了容器是否有高度,还是不行。 这是我...
组件 2026-03-06 12:45:20 -
2
回答
45浏览
Element Plus 的 Result 组件怎么自定义图标?
我用 Element Plus 的 Result 组件展示操作结果,但想把默认的图标换成自己的 SVG 图标,试了 icon 属性但没生效,是不是用法不对? 官方文档说 icon 支持传入组件,但我直...
组件 2026-03-06 11:46:20 -
1
回答
25浏览
iView Modal 关闭后怎么自动销毁组件?
我在用 iView 的 Modal 弹窗,里面放了一个表单组件。但发现每次关闭 Modal 后,组件其实还在 DOM 里没被销毁,导致下次打开时数据还是上次的。 我试过设置 :closable="tr...
组件 2026-03-06 10:24:20 -
1
回答
41浏览
Typography组件文字换行不生效怎么办?
我在用Ant Design的Typography.Text展示长文本,设置了ellipsis={{ rows: 2 }},但文字还是不换行,直接一行显示超出了容器宽度,这是为啥? 试过给父容器加wid...
组件 2026-03-05 22:11:19 -
2
回答
48浏览
D3.js 画的折线图为什么不显示?
我用 D3.js 画了个简单的折线图,数据都加载了,但页面上啥也没有,控制台也没报错,到底哪里出问题了? 我检查了 SVG 容器和路径生成逻辑,感觉没啥问题,但就是看不见线。是不是坐标算错了?还是 s...
组件 2026-03-05 21:18:22 -
1
回答
88浏览
Popover 内容动态更新后不重新渲染怎么办?
我在用 Ant Design 的 Popover 组件,内容是根据状态动态生成的,但状态变了 Popover 里的内容却没更新,还是旧的。明明 state 已经变了,控制台打印也对,就是 UI 不刷新...
组件 2026-03-05 19:57:19 -
2
回答
45浏览
D3.js更新数据后图表不刷新怎么办?
我用D3.js画了个柱状图,第一次渲染没问题,但数据变了之后调用更新函数,柱子却没变,还是原来的数据。是不是哪里漏了? 我试过重新绑定数据,也用了enter().append()和exit().rem...
组件 2026-03-05 19:52:23 -
2
回答
28浏览
Cascader级联选择器的下拉菜单样式怎么自定义?
我用的是Element Plus的Cascader组件,想改一下下拉面板的宽度和字体大小,但加了scoped样式没生效,全局样式又怕影响其他组件。试过用深度选择器,但还是不行,是不是哪里写错了? 这是...
组件 2026-03-05 19:38:23