组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
29浏览
Ant Design Tabs切换标签页后内容不更新怎么办？
在用Ant Design的Tabs做多语言切换时，发现切换标签页后页面内容没及时更新，手动刷新才显示最新数据。试过在onchange里调用setState和forceUpdate都没反应。 代码结构大...
-
1
回答
32浏览
element plus的avatar头像为什么显示不出来呢？
我在用element plus的avatar组件，按照文档写了代码但就是不显示，用了src属性和插槽都试过了。 代码大概是这样： <el-avatar :size="50" :src="user...
-
2
回答
11浏览
Popover气泡卡片在滚动容器内定位偏移怎么办？
在给按钮加Popover气泡卡片时，当父容器有滚动条时，气泡位置总是偏移好几十像素，搞不懂哪里错了... 我按照常规方法获取按钮位置： function showPopover() { const b...
-
1
回答
17浏览
UIkit Offcanvas点击遮罩层无法关闭怎么办？
在项目里用了UIkit的Offcanvas侧边栏，按照文档写好HTML结构后，点击触发按钮能正常弹出，但点了遮罩层和关闭按钮都没反应。我检查过HTML结构，data-uk-offcanvas属性也加了...
-
1
回答
18浏览
React组件泛型类型推断总是报错怎么办？
在写一个可复用的表单组件时遇到了类型问题，明明定义了泛型接口，但TypeScript老是提示错误：Type 'string' is not assignable to type 'never'。 我尝...
-
1
回答
20浏览
面包屑组件的动态路径更新为什么没有触发重渲染？
我在用React实现面包屑导航时遇到问题，当路径数组更新后组件没有重新渲染。我尝试过直接修改state里的paths数组，但面包屑还是显示旧数据。 代码结构大概是这样的，父组件通过props传入pat...
-
1
回答
14浏览
为什么Visible组件在条件满足时无法隐藏子元素？
在用Ant Design的Visible组件控制侧边栏显示时遇到问题，当屏幕宽度小于768px时应该隐藏侧边栏，但无论怎么调整breakpoint参数，组件始终显示。我尝试过把breakpoint设为...
-
2
回答
377浏览
为什么给元素加旋转动画后位置偏移了？
我在用CSS的transform: rotate()做旋转动画时，元素旋转后的位置明显偏移了。比如给一个按钮加360度旋转，动画结束后按钮整体向右下方移位了。 我尝试过设置position: abso...
-
2
回答
36浏览
Empty组件在弹性高度容器里垂直居中失效怎么办？
最近在做订单列表页面，用Antd的Empty组件显示无数据状态。可是当容器高度随内容变化时，Empty的"图标+文字"总贴着顶部显示，试过给父容器加display: flex;和align-items...
-
1
回答
29浏览
Framer Motion组件卸载时动画突然中断怎么办？
在用Framer Motion做页面切换动画时遇到个怪问题，当快速切换路由导致组件被卸载时，退出动画会突然中断，直接消失而不是完成整个过渡效果... 已经试过用exitBeforeEnter和cust...
-
1
回答
37浏览
Cropper.js裁剪后base64数据获取失败怎么办？
在用Cropper.js裁剪图片时，调用getCroppedCanvas()得到的base64数据总是空白图片？ 我按官方文档初始化了裁剪器，上传图片后能正常预览，但裁剪提交时获取的base64数据生...
-
2
回答
30浏览
Arco Design Popover内容高度无法自适应怎么办？
在用Arco的Popover做用户操作提示时，发现内容区域的高度总是固定显示，文字超出部分直接被截断了，设置CSS样式好像没生效... 我这样写的代码： import { Popover } from...
-
2
回答
28浏览
React Hidden组件动态控制失效怎么办？
在React项目里用@mui的Hidden组件想根据窗口宽度动态显示侧边栏，但状态更新后组件没变化： import { Hidden } from '@mui/material';...
-
2
回答
32浏览
TDesign的Menu菜单动态数据怎么保持展开状态？
我在用TDesign做左侧导航栏时遇到了问题，菜单项是通过v-for动态生成的，但每次刷新页面后展开状态就会重置。我尝试用v-model:selected-keys和default-expand-al...
-
2
回答
32浏览
Visible组件点击后不切换显示状态怎么办？
在用Vue写一个带显示切换的Visible组件时遇到问题，按钮点击后组件内容没反应。我按照文档写了v-if绑定isShow变量，但点击事件好像没触发状态变化。 代码是这样的： <template...
-
1
回答
68浏览
Material-UI的Select选择框选中后不更新值怎么办？
在用Material-UI的Select组件做下拉框时，选中选项后页面显示变了但实际值没变，搞了半天没搞定。 我按照文档写了这样的代码： import { Select, MenuItem } fro...
-
2
回答
21浏览
Arco Design步骤条点击下一步后当前步骤没变怎么办？
在用Arco的Steps做表单流程时遇到问题，设置了current属性但点击下一步按钮后步骤条状态完全没变化。 我按照文档写了一个简单的步骤条，用current绑定到data里的currentStep...
-
2
回答
35浏览
Ant Design的Empty组件如何自定义提示内容和按钮跳转？
在做用户订单列表页时，想用Empty组件显示空状态，但发现官网的示例只能显示默认文案和图片。我想自定义提示文案加一个「去添加商品」的按钮跳转，尝试把按钮套在里放在Empty下面，结果布局错位了。 试过...
-
2
回答
33浏览
Element Plus穿梭框数据怎么总是不同步？
用Element Plus的Transfer组件做数据迁移时，选中的项在左右切换后数据没及时更新，页面显示和实际数据不一致。试过用v-model绑定数据数组，但点击按钮后数据还是没变化。 代码结构大概...
-
2
回答
57浏览
Vue Collapse组件展开时为什么动画不生效？
我在用Vue写一个折叠面板组件，参考了官方文档用了transition-group包裹内容区域，但展开时内容直接跳出来没有动画效果。已经设置了transition的name属性和CSS过渡样式，收缩时...
