组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
38浏览
Bootstrap表单验证样式不生效是怎么回事？
我按照文档给表单加了needs-validation类，也写了novalidate属性，但提交时还是走浏览器默认验证，Bootstrap的红色边框和提示完全没出现。 是不是还要额外引入什么JS？我只用...
-
2
回答
20浏览
Number动画组件数值不更新是怎么回事？
我用Vue写了个数字滚动动画组件，但数据变了视图却不更新，明明watch监听到了新值。是不是因为直接修改了DOM或者没触发响应式？试过nextTick也不行。 这是我的组件代码： <templa...
-
2
回答
21浏览
UIkit的Toggle切换器在Vue里为啥不生效？
我在Vue项目里引入了UIkit，想用它的Toggle组件做展开收起，但点击按钮没反应，控制台也没报错。 我按照文档加了uk-toggle和对应的target，也确认UIkit JS加载了，是不是Vu...
-
1
回答
39浏览
PageHeader 页头返回按钮怎么自定义跳转路径？
我用的是 Ant Design 的 PageHeader 组件，想改返回按钮的跳转链接，但文档里没看懂怎么覆盖默认的 go(-1) 行为。试了加 onClick 也不生效，点回去还是浏览器后退。 现在...
-
1
回答
37浏览
自定义按钮组件如何正确支持键盘访问和屏幕阅读器？
我写了个自定义的按钮组件，用div模拟的，但发现Tab键没法聚焦，屏幕阅读器也读不出它是按钮。加了role="button"还是不行，是不是还缺啥？ 下面是我现在的代码： <div role="...
-
1
回答
37浏览
Anchor锚点滚动后页面位置偏移怎么解决？
我在用Ant Design的Anchor组件做文档页导航，点击锚点后页面滚动的位置总是偏上一截，导致标题被顶部固定导航栏挡住。 试过给目标元素加padding-top，但这样会影响布局。也查了文档说可...
-
2
回答
21浏览
Radio单选框绑定的值为什么不更新？
我在用 Vue 写一个表单，Radio 选了之后 data 里的值没变，明明绑定了 v-model，但切换选项时 selectedValue 还是初始值。是不是哪里写错了？ 我试过把 v-model ...
-
1
回答
23浏览
Dropdown下拉菜单点击后不消失怎么办？
我用原生JS写了个简单的下拉菜单，点击按钮显示菜单没问题，但点菜单项之后下拉框不自动收起，得再点别处才行。这体验太差了。 我试过在菜单项的点击事件里加 dropdown.classList.remov...
-
2
回答
39浏览
热力图数据更新后视图不刷新怎么办？
我用 React + ECharts 做了个热力图组件，数据从 props 传进来。但当我父组件状态更新、传入新数据时，热力图却没重新渲染，还是显示旧的。明明 console.log 打印出来的新数据...
-
1
回答
22浏览
Bootstrap手风琴怎么让默认展开第一个面板？
我用Bootstrap 5写了个手风琴，但页面加载时所有面板都是折叠的，我想让第一个默认展开，试了加show类没生效，是不是还要改别的地方？ 这是我的结构： <div class="accord...
-
1
回答
25浏览
TDesign 的 Loading 组件怎么全局使用不生效？
我在项目里引入了 TDesign，想用它的全局 loading，但调用 TLoading.show() 没反应，控制台也没报错。是不是漏了什么插件注册？ 我按文档在 main.js 里加了 TLoad...
-
2
回答
28浏览
Vue中Transition组件的appear属性不生效怎么办？
我在用 Vue 3 的 <Transition> 组件时，加了 appear 属性想让元素初次渲染时也有动画，但完全没效果。查了文档说要配合 CSS 的 v-appear 类写样式，但我已...
-
2
回答
26浏览
Highcharts 图表不随容器大小自适应怎么办？
我用 Highcharts 渲染了一个图表，放在一个会动态调整宽度的 div 里，但图表不会自动缩放，每次窗口变化都得手动调 chart.reflow()。有没有更优雅的办法让它自动响应容器尺寸？ 试...
-
2
回答
21浏览
Slate 中如何正确处理自定义元素的反序列化？
我在用 Slate 做一个支持代码块的富文本编辑器，序列化时没问题，但反序列化回来就报错。我试过在 deserialize 函数里加判断，但一遇到 code 类型就直接崩溃。 控制台提示 “Canno...
-
2
回答
33浏览
自定义Vue组件的单元测试怎么写才不会报错？
我用 Vue 3 写了个带 props 和 emit 的自定义组件，想用 Vitest + Vue Test Utils 测试它，但一跑测试就报错说找不到组件实例。 我试过这样写测试： import ...
-
2
回答
36浏览
Recharts 的 Tooltip 为什么在自定义后不显示数据？
我用 Recharts 做了个折线图，想自定义 Tooltip 的内容，但改完之后 tooltip 虽然能弹出来，里面却没数据显示了。明明传了 dataKey 啊，是不是哪里写错了？ 我试过把 for...
-
2
回答
24浏览
Cropper裁剪后图片变模糊怎么办？
我在用 Vue + Cropper.js 做头像上传裁剪功能，裁剪完的图片导出后特别糊，明明原图很清晰。是不是我哪里参数没配对？ 已经试过设置 quality: 1 和 imageSmoothingE...
-
2
回答
23浏览
Divider分割线怎么加文字说明？
我在用 Ant Design 的 Divider 组件，想在中间加个文字提示，比如“或”、“更多选项”这种，但不知道怎么弄。 试过直接在标签里写文字，结果没显示出来，文档翻了半天也没找到具体例子，是不...
-
1
回答
47浏览
Flip翻转动画在Vue里怎么实现前后两面内容切换？
我用Vue写了个卡片翻转组件，想点击时翻面显示背面内容，但加了transform: rotateY(180deg)后背面文字是反的，而且点一下就闪回正面了，根本没法看。 试过给背面加rotateY(1...
-
2
回答
51浏览
Gauge仪表盘指针位置怎么总是对不齐？
我用CSS自定义了一个Gauge仪表盘，但指针旋转后老是对不准刻度，明明算的是对的，是不是transform-origin没设好？ 试过把指针的transform-origin设成bottom cen...
