组件
深耕组件化开发实践,解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
22浏览
Bootstrap徽章数量更新后样式错乱怎么办?
我在用Bootstrap 5做消息通知徽章,通过JS动态更新badge里的数字,但改完之后徽章变宽还换行了,明明内容没超啊? 我试过直接改innerText,也试过先清空再append新文本节点,都不...
组件 2026-03-12 12:07:19 -
2
回答
41浏览
List列表渲染时数据不更新怎么办?
我在用 Vue 写一个待办事项列表,数据是通过 props 传进来的,但父组件数据变了,子组件的 List 却没重新渲染。明明 console.log 打印出来新数据是对的,可页面还是旧的。 我试过加...
组件 2026-03-12 10:40:20 -
2
回答
28浏览
iView菜单active项无法高亮显示怎么办?
我在用 iView 的 Menu 组件做侧边栏导航,动态设置了 active-name,但点击菜单项后页面跳转了,高亮却没跟着变。控制台也没报错,就是不生效。 我试过在 mounted 里手动设置 t...
组件 2026-03-12 09:35:16 -
2
回答
83浏览
Ant Design的Popover怎么设置默认展开?
我在用Ant Design的Popover组件,想让它一加载就显示气泡卡片,而不是等用户hover或点击才出现。试了visible属性设为true,但好像没生效,是不是还要配合其他属性? 我现在的代码...
组件 2026-03-11 23:48:23 -
2
回答
36浏览
UIkit的Sticky组件为啥不生效?
我在用UIkit做导航栏固定,但加了data-uk-sticky后完全没反应,滚动页面时导航还是跟着走。是不是哪里写错了? 我试过加上offset和show-on-up这些属性,也检查了是否引入了ui...
组件 2026-03-11 20:10:21 -
2
回答
62浏览
TinyMCE 初始化后无法获取编辑器内容怎么办?
我在 Vue 项目里引入了 TinyMCE,初始化看起来没问题,但调用 tinymce.activeEditor.getContent() 时总是返回空字符串或者报错说 activeEditor 是 ...
组件 2026-03-11 17:36:22 -
1
回答
39浏览
Naive UI 的 Pagination 分页样式怎么自定义不生效?
我在用 Naive UI 的 Pagination 组件,想改一下分页按钮的背景色和圆角,但加了 CSS 好像没反应,是不是被组件内部样式覆盖了? 我试过在全局样式里写选择器,也试过加 !import...
组件 2026-03-11 15:36:17 -
2
回答
40浏览
iView 主题定制后样式没生效是怎么回事?
我按照 iView 官方文档用 webpack 的方式自定义了主题色,把 $primary-color 改成了 #ff6700,也装了 less-loader 和 less,但重新跑项目后按钮颜色还是...
组件 2026-03-11 14:19:19 -
1
回答
26浏览
Arco Upload上传后怎么拿到文件的临时路径?
我在用 Arco Design 的 Upload 组件做图片上传预览,想在用户选完文件后立刻显示缩略图。但文档里说 on-change 回调返回的是 file 对象,我试了 file.url 和 fi...
组件 2026-03-11 13:28:22 -
1
回答
75浏览
UIkit的Offcanvas侧边栏怎么点击外部自动关闭?
我在用UIkit做移动端菜单,用了Offcanvas组件,但发现点侧边栏外面区域不会自动收起,体验很不好。官方文档好像没说清楚这个怎么开。 我试过加data-uk-offcanvas属性,也试了dat...
组件 2026-03-11 12:22:27 -
2
回答
22浏览
Summernote在Vue中初始化后无法输入中文怎么办?
我在Vue项目里集成Summernote,初始化后英文能正常输入,但一打中文就卡住,候选框不出现,甚至整个编辑器变白。试过切换浏览器和更新依赖都没用。 下面是我的组件代码: <template&...
组件 2026-03-11 12:00:19 -
2
回答
32浏览
Ant Design 的 Message 消息提示怎么自定义样式?
我在用 Ant Design 的 message 组件,想改一下它的背景色和字体大小,但直接写 CSS 好像没生效。试过加 !important 也不行,是不是被它的内联样式覆盖了? 我写了这段 CS...
组件 2026-03-11 11:26:19 -
1
回答
243浏览
iView Select选择器怎么实现远程搜索并保持已选项不被清空?
我在用 iView 的 Select 做一个带远程搜索的下拉框,用户选了几个选项后,再输入关键词搜索,结果之前选中的项全没了。明明文档里说 multiple 模式下应该保留已选项啊? 我试过在 on-...
组件 2026-03-11 10:38:26 -
1
回答
43浏览
Material-UI 的 Button 组件在 Vue 里怎么用?为啥报错说找不到组件?
我最近在 Vue 项目里想用 Material-UI 的 Button,但按照文档引入后页面直接报错,说“Unknown custom element: ”。我明明已经 import 了啊,是不是 V...
组件 2026-03-10 23:05:19 -
1
回答
73浏览
响应式布局在小屏设备上为啥不生效?
我写了一个简单的响应式布局,用媒体查询设置了不同屏幕宽度下的样式,但在手机上预览时完全没反应,还是桌面端的样式。我试过加 viewport 标签了,也检查了 CSS 顺序,但就是不生效。 这是我的 C...
组件 2026-03-10 20:50:20 -
1
回答
31浏览
Bootstrap 5 中如何正确覆盖 Sass 变量?
我正在用 Bootstrap 5 的 Sass 源码自定义主题,但改了 $primary 变量后编译出来的 CSS 还是默认蓝色,根本没生效。我是在自己的 main.scss 里先导入变量再改的,是不...
组件 2026-03-10 18:41:18 -
1
回答
56浏览
Summernote 初始化后无法获取输入内容怎么办?
我用 Summernote 初始化了一个富文本编辑器,但提交表单时拿不到用户输入的内容。我试过用 $('#summernote').summernote('code') 获取,结果返回的是空字符串或者...
组件 2026-03-10 18:06:20 -
1
回答
35浏览
Bootstrap 的 d-none d-md-block 在 Vue 里为啥不生效?
我在 Vue 组件里用 Bootstrap 的响应式显示类,比如 d-none 和 d-md-block,想在小屏隐藏某个元素,但实际在手机上还是显示出来了,完全没反应。是我用法不对吗? 我已经确认引...
组件 2026-03-10 18:03:17 -
2
回答
28浏览
Material-UI的Drawer抽屉为什么点击遮罩层关不掉?
我用Material-UI写了个临时抽屉(temporary Drawer),但点遮罩层(backdrop)的时候抽屉不会自动关闭,文档里说默认是能关的啊?是不是我哪里写错了? 我试过加了onClos...
组件 2026-03-10 16:47:18 -
1
回答
56浏览
Signature签名组件在移动端无法正常绘制,怎么回事?
我在用一个基于canvas的Signature签名组件,PC上一切正常,但一到手机上就划不动,根本签不了名。试过加了touch-action: none还是没用。 控制台也没报错,就是手指滑动完全没反...
组件 2026-03-10 14:31:19