组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
21浏览
Vant Search组件怎么绑定输入值和监听搜索事件？
我在用 Vant 的 Search 组件，想实现用户输入时实时获取内容，点击搜索按钮时触发搜索逻辑。但试了 v-model 和 @search 事件，好像没生效。 我写了这样的代码： <van-...
-
1
回答
30浏览
Arco Design 的 Modal 关闭后怎么清除表单数据？
我在用 Arco Design 的 Modal 做一个编辑表单，但每次关闭 Modal 再打开，表单里还保留着上次的值，明明我已经把 visible 设为 false 了。是不是要手动重置表单？ 我试...
-
1
回答
20浏览
Arco Design 的 Button 组件为什么点击没反应？
我用 Arco Design 写了个按钮，但点它完全没反应，控制台也没报错，是不是哪里写错了？ 我试过加 onClick 和原生的 onclick，都不行。代码是这样写的： <a-button ...
-
1
回答
70浏览
Vant Popup 弹出后怎么禁止背景滚动？
我在用 Vant 的 Popup 组件时，发现弹窗打开后页面背景还能滚动，体验很不好。试过加 lock-scroll 属性，但好像没生效？ 我的代码是这样的： <van-popup v-mode...
-
2
回答
34浏览
EmojiPicker 组件样式错位怎么解决？
我在项目里用了一个第三方的 EmojiPicker 组件，但弹出的表情面板位置总是偏移，明明父容器是 relative 定位，它却跑到了页面左上角。试过改 z-index 和 position 都没用...
-
2
回答
49浏览
Element Plus折叠面板怎么默认展开多个面板？
我用Element Plus的Collapse组件，想让页面加载时默认展开多个面板，但文档里只看到activeNames可以设一个字符串或数组，我试了传数组进去却没生效，控制台也没报错。 我的代码是这...
-
1
回答
33浏览
TDesign 表单重置后为什么校验状态没清除？
我在用 TDesign 的 Form 组件做表单，调用 form.reset() 之后字段值清空了，但之前校验失败的红色提示和边框还在，这是为啥？ 我试过手动 setFieldsValue 清空字段，...
-
2
回答
425浏览
Bounce弹跳动画怎么实现循环播放？
我用CSS写了个Bounce弹跳效果，但只动一次就停了。明明加了animation-iteration-count: infinite，可还是不循环，不知道哪里出错了。 下面是关键代码，是不是timi...
-
2
回答
34浏览
响应式布局在移动端显示错乱怎么办？
我用 CSS Grid 做了个两栏布局，PC 上看着没问题，但一到手机上右边栏就跑到下面去了，还特别宽。明明写了媒体查询，但好像没生效？ 试过把 grid-template-columns: 1fr ...
-
2
回答
49浏览
Markdown编辑器如何实时预览渲染效果？
我用Vue写了个简单的Markdown编辑器，但输入内容后没法实时看到HTML预览，试过用marked.js转换，但页面没更新。 我在methods里写了转换函数，绑定到textarea的input事...
-
2
回答
32浏览
Bootstrap手风琴怎么只展开一个面板？
我用Bootstrap 5写了个手风琴，但点开一个面板后，其他已经打开的不会自动关闭，导致多个面板同时展开。不是说手风琴默认只能展开一个吗？ 我检查了data-bs-parent属性，也加了容器ID，...
-
2
回答
42浏览
UIkit 组件样式不生效是怎么回事？
我用 UIkit 写了个按钮，但自定义的 class 样式完全没效果，是不是被 UIkit 的默认样式覆盖了？ 我试过在 <button class="uk-button my-btn">...
-
2
回答
44浏览
图片加载失败时怎么优雅地显示默认图？
我在用原生JS动态渲染用户头像，但有些图片链接失效了，页面就直接裂图很难看。试过在img标签上加onerror，但好像没生效？是不是写法有问题？ 这是我的代码： const img = documen...
-
2
回答
42浏览
Flip翻转动画怎么实现正反面无缝衔接？
我在做卡片翻转效果时，正面翻到背面总有闪一下或者错位的问题，明明加了backface-visibility: hidden，但还是不对劲。 这是我的CSS代码： .card { perspective...
-
2
回答
20浏览
Tag标签动态渲染时样式丢失怎么办？
我用 Vue 动态渲染一组 Tag 标签，数据是从接口拿的，但渲染出来的标签没有样式，class 好像没生效。 明明静态写死的标签是正常的，比如 测试 没问题，但用 v-for 渲染就只有文字，样式全...
-
1
回答
28浏览
Signature签名组件在移动端显示错位怎么办？
我用Canvas做的签名组件，在PC上正常，但一到手机上就偏移严重，手指点的位置和画出来的线对不上，特别影响体验。 试过加了 touch-action: none，也调整了canvas的宽高比，但还是...
-
2
回答
36浏览
Ant Design Upload上传后怎么拿到文件的base64编码？
我用 Ant Design 的 Upload 组件上传图片，想在上传前把文件转成 base64 用于预览，但不知道怎么在 onChange 里获取到 base64。试过用 FileReader，但总是...
-
2
回答
24浏览
断点监听在组件里为啥不生效？
我在写一个响应式布局组件，想根据窗口宽度切换展示模式，但加了 resize 事件监听后，断点判断好像没反应。 试过在 mounted 里绑定事件，也检查了断点阈值，但控制台打印的 isMobile 始...
-
1
回答
26浏览
Grid 布局中子项宽度不按预期缩放是怎么回事？
我用 CSS Grid 做一个三列布局，想让每列等宽并自动填满容器，但实际效果却出现了空白间隙，而且调整窗口大小时列宽也不自适应。明明设置了 grid-template-columns: repeat...
-
2
回答
32浏览
Naive UI 的 Cascader 为什么选不了值？
我用 Naive UI 的 Cascader 组件，数据是动态从接口拉的，但点开下拉选项后，点击任何一项都没反应，值也没变。控制台也没报错。 我试过把 options 写死，那样是可以选的，但一换成异...
