组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
1
回答
35浏览
EmojiPicker 弹出位置总是错位怎么办？
我在用一个第三方的 EmojiPicker 组件，点击按钮后表情面板老是跑到页面左上角去了，根本不在输入框下面。明明设置了 position: absolute，但就是不对。 我试过给父容器加 pos...
-
1
回答
49浏览
Map地图组件加载后无法响应点击事件怎么办？
我在用 Vue3 + Element Plus 做一个后台系统，嵌入了高德地图的 Map 组件。地图能正常显示，但给地图加的点击事件完全没反应，控制台也不报错。 我试过用 AMap.event.add...
-
1
回答
72浏览
Vant List 组件加载更多不触发是怎么回事？
我用 Vant 的 List 列表做分页加载，但滚动到底部后 on-load 回调根本不执行，数据只加载了第一页就停了。明明设置了 finished 为 false，也试过手动调用 check 方法，...
-
2
回答
55浏览
Element Plus折叠面板怎么默认展开指定项？
我用Element Plus的Collapse组件做了一个FAQ列表，但不知道怎么让其中某一项默认展开。文档里说可以用v-model绑定激活的面板，但我试了好像没生效，页面加载时还是全部收起的。 我绑...
-
1
回答
47浏览
iView的Drawer抽屉怎么设置默认不显示？
我用iView的Drawer组件，每次页面加载它都自动弹出来了，明明没点触发按钮啊。是不是哪里默认打开了？ 我试过把:visible="false"写死，但好像没用，还是显示。官方文档里也没说清楚初始...
-
2
回答
85浏览
地图组件加载后无法响应点击事件怎么办？
我在用 Vue 写一个带高德地图的组件，地图能正常显示，但给地图加的 click 事件完全没反应。我试过在 mounted 里初始化地图，也确认了 AMap 对象加载成功，但就是点不动。 控制台也没报...
-
1
回答
22浏览
iView的Poptip气泡提示怎么不显示内容？
我用iView的Poptip组件，写了个按钮想弹出提示，但点击后气泡是空的，内容没渲染出来。明明写了slot="content"，是不是哪里写错了？ <i-button> <Popt...
-
1
回答
55浏览
Material-UI的Badge徽章怎么自定义颜色？
我用Material-UI的Badge组件时，想改徽章的背景色，但官方文档里只看到primary、secondary这些预设值。试了color="error"可以变红，但我想用自定义的颜色比如#ff6...
-
1
回答
47浏览
iView Cascader如何动态加载省市区数据？
我用iView的Cascader做省市区三级联动，但数据量太大不想一次性加载。官方文档说支持动态加载，但我试了on-change事件里去请求下一级数据，结果选完省之后市没出来，控制台也没报错。 我这样...
-
1
回答
45浏览
TDesign Input 绑定值后无法输入内容是怎么回事？
我用 TDesign 的 Input 组件绑定了一个响应式变量，但页面渲染后输入框没法输入任何内容，光标能聚焦但打字无效。是不是哪里写错了？ 我试过直接修改 data 里的值，也试过用 ref，都不行...
-
2
回答
24浏览
自定义组件单元测试时如何正确模拟 DOM 结构？
我写了一个简单的自定义按钮组件，想用 Jest + Testing Library 做单元测试，但每次渲染都报错说找不到对应的 DOM 节点。我明明在测试里用了 render 啊，是不是我的组件结构有...
-
1
回答
54浏览
表单布局用Grid还是Flex更合适？
我在写一个用户信息编辑的表单，想让标签和输入框对齐整齐，但用Flex总觉得控制不好间距和换行。试过用Grid，但又担心兼容性问题。大家一般怎么处理这种两列布局的表单？ 这是我现在用Flex写的结构，效...
-
2
回答
52浏览
TDesign Tree组件如何实现默认展开所有节点？
我在用 TDesign 的 Tree 组件时，想让树一加载就全部展开，但文档里没找到直接的属性。试了 expanded 属性传入所有节点的 key 数组，但数据是异步加载的，刚渲染时拿不到完整的 ke...
-
1
回答
28浏览
Alert警告组件关闭后怎么自动销毁DOM？
我用Vue写了个Alert组件，点击关闭按钮后只是把visible设为false，但DOM还在页面上。这样会不会影响性能？有没有办法让它彻底从DOM里移除？ 现在代码是这样的： <Alert v...
-
2
回答
40浏览
Statistic组件数值不更新是怎么回事？
我在用 Ant Design 的 Statistic 组件展示实时数据，但明明 state 已经变了，页面上的数字却没刷新。比如我这样写： const [count, setCount] = useS...
-
2
回答
25浏览
Arco Design 的 Message 消息组件怎么在 Vue3 中全局调用不生效？
我在 Vue3 项目里按文档引入了 Arco Design，想用 Message 全局提示，但调用 this.$message 或直接 message.success 都报错，说方法不存在。是不是要用...
-
2
回答
43浏览
Vant Toast怎么在Vue3里全局调用不生效？
我在Vue3项目里按文档引入了Vant的Toast，但在组件里直接调用this.$toast或者Toast('提示')都没反应，控制台也不报错，这是为啥？ 我试过在main.js里use Toast，...
-
1
回答
34浏览
Zoom缩放动画为啥回弹不自然？
我写了个简单的hover缩放效果，但鼠标移开时缩回去特别生硬，不像别人那种平滑回弹的感觉。是不是transform和transition配合有问题？ 我试过改timing-function，也加了wi...
-
2
回答
26浏览
CKEditor 5 如何在 React 中获取编辑器的纯文本内容？
我在 React 项目里集成了 CKEditor 5，现在想获取用户输入的纯文本（不带 HTML 标签），但官方文档只提到了 editor.getData() 返回的是 HTML 字符串。 试过用 t...
-
2
回答
44浏览
Arco Design 的 Steps 步骤条怎么动态控制当前步骤？
我在用 Arco Design 的 Steps 组件做表单分步提交，想根据用户操作动态切换 current 值，但改了 data 里的值页面没反应，是不是哪里写错了？ 我试过直接修改 current ...
