组件
深耕组件化开发实践，解答组件设计、封装复用与组件库搭建中的各类组件疑问。
-
2
回答
45浏览
iView Steps步骤条自定义图标样式不生效怎么办？
在用iView的Steps组件时，想给步骤项自定义图标，按照文档写了如下CSS： .ivu-steps-vertical .ivu-steps-icon { background: #ff0 !imp...
-
2
回答
36浏览
Arco Design的Pagination分页组件如何实现点击页码后执行自定义事件？
在用Arco Design的分页组件时，我想让点击页码后除了切换页面还能执行自定义函数，但发现onChange事件返回的参数好像不对，我尝试过这样写： const handlePageChange =...
-
1
回答
36浏览
TDesign Tree组件节点勾选状态无法与后端数据同步怎么办？
在用TDesign的Tree组件做权限配置时遇到个问题，勾选节点后虽然能触发事件，但重新拉取数据时勾选状态就消失了。我用v-model绑定了selectedNodes，也在选中事件里发了请求，但后端返...
-
2
回答
39浏览
Space组件在移动端缩小时元素间距被压缩怎么办？
用Ant Design的Space组件排版时发现，当屏幕宽度小于768px时，原本设置的size=middle间距会被自动压缩成更小，导致文字元素挤在一起。 尝试过设置responsive={fals...
-
2
回答
40浏览
为什么我的Notification通知组件设置duration后无法自动关闭？
我在用Ant Design的Notification组件时，设置了duration为3秒，但提示框完全不自动消失。已经检查过代码，组件参数应该没错： <notification open mes...
-
2
回答
40浏览
Ant Design的Modal弹窗打开后如何让第一个输入框自动获取焦点？
我用Ant Design的Modal弹窗做表单，希望弹窗出现时自动聚焦第一个输入框。试过给输入框加autofocus属性没反应，还用useRef在Modal的onOk里调用focus()也不行。用的是...
-
2
回答
42浏览
Naive UI的Tooltip内容怎么一直不显示出来？
我在按钮上用了Naive UI的Tooltip组件，但提示内容完全没反应。按官方文档写的，trigger也试过'mouseenter'和'click'都不行。 这是我的代码片段： <templa...
-
2
回答
46浏览
UIkit的Sortable组件怎么实现拖拽后数据不同步？
我在用UIkit的Sortable做列表拖拽排序时遇到问题，拖拽元素位置变了但绑定的数组数据没更新。按照文档加了标签，给元素绑了，数据是用v-model双向绑定的数组，但拖拽后控制台打印数组还是原始顺...
-
2
回答
41浏览
K线图组件更新数据后，鼠标悬停提示不显示最新值怎么办？
我在用ECharts做股票K线图时遇到个问题，当调用setOption更新数据后，K线能正常刷新，但鼠标悬停时显示的成交量提示框还是旧数据。之前试过先清空系列数据再重新渲染，但提示依旧残留旧值... ...
-
1
回答
87浏览
Vue导航Footer组件如何实现动态高度自适应？
我在开发导航页脚组件时遇到问题，Footer总被内容遮挡。当页面内容较少时页脚能贴在底部，但内容多时反而被覆盖。我尝试用position: fixed定位，但会导致滚动时内容穿透，换用绝对定位又需要手...
-
1
回答
49浏览
分页组件切换页码后数据没更新，是怎么回事？
在做列表分页时用了ant-design的Pagination组件，切换页码后控制台能看到请求参数正确，但页面数据还是第一页的内容。 代码结构是这样的：current={currentPage}绑定了数...
-
2
回答
48浏览
UIkit的Dropdown下拉菜单点击外部无法关闭怎么办？
用UIkit的Dropdown组件时，下拉菜单弹出后点击外部区域或按Esc键都关不掉，明明按照文档写了uk-dropdown属性... 尝试过检查HTML结构和初始化代码，发现这样写的： <bu...
-
2
回答
165浏览
页面切换动画组件如何实现平滑过渡？元素位置跳动问题怎么解决？
我在用Vue的Transition组件做路由切换动画时，新页面元素总会出现0.5秒的跳动。已经给容器加了固定宽高，但当使用transform: translateX()动画时，内容区域还是会有位置偏移...
-
2
回答
108浏览
Rate评分组件点击半星后提交怎么只传整数？
我在做商品评分功能时遇到问题，用的是Ant Design的Rate组件设置了allowHalf属性，用户可以点半星。但后端要求提交时必须是整数，比如4.5要变成4或者5。我尝试在v-model绑定的变...
-
1
回答
81浏览
Arco Design Tabs动态切换标签时组件重复渲染怎么办？
我在用Arco Design的Tabs做路由跳转时发现，每次切换标签页，对应的Content组件都会重新渲染，之前输入的表单数据就没了。我试过给TabPane加forceRender属性，但好像没生效...
-
2
回答
90浏览
Avatar头像组件图片路径显示不正常怎么办？
我正在用React开发用户列表，每个用户头像用Avatar组件展示。但动态绑定的图片路径总是显示不出来，静态图片却能正常显示。 代码是这样的： function UserAvatar({ user }...
-
2
回答
33浏览
ECharts动态更新数据后图表没变化怎么办？
我在用ECharts做柱状图的时候，初始化显示正常，但通过setData更新数据后图表完全没反应。控制台也没报错，数据对象看起来没问题，这是怎么回事啊？ 初始化代码是这样的： const chart ...
-
2
回答
36浏览
为什么我的Rate评分组件点击后分数不更新？
我在用Ant Design的Rate组件做评分功能，用v-model绑定了score变量，但点击星星时数值就是不变化... 尝试在change事件里加了console.log，发现根本没触发。代码是这...
-
2
回答
24浏览
Element Plus的Result组件图标不随状态变化怎么办？
我在用Element Plus的Result组件做操作反馈页面时，想根据不同的API返回状态动态切换图标和描述。按照文档写了状态绑定，但图标一直显示默认的成功图标，文字倒是能变： import { d...
-
2
回答
63浏览
Cascader组件子菜单位置错乱，怎么调整CSS才能正确显示？
在做地区选择时用了Cascader组件，但二级菜单总是挤在一级菜单旁边，不是层叠下拉的效果。我尝试给子菜单加了 .el-cascader-menu+.el-cascader-menu { margin...
