导航组件
本话题发布导航组件相关的问答文章和技术分享，将持续更新，为您推荐了21篇问答，访问即可查看更多精彩内容。
-
1
回答
31浏览
Steps步骤条动态更新状态不生效是怎么回事？
我在用 Ant Design 的 Steps 组件做一个多步骤表单，想根据用户操作动态更新当前步骤的状态（比如从 wait 变成 process 或 finish），但改了 state 之后 UI 没...
-
2
回答
26浏览
Sidebar侧边栏收起时内容区没自适应怎么办？
我做了一个带Sidebar的布局，展开时没问题，但点击收起后主内容区还是原来的位置，留了一大块空白，根本没跟着变宽。试过用CSS的calc()动态算宽度，也加了transition，但效果很奇怪，要么...
-
1
回答
25浏览
Transfer穿梭框选中项无法同步到父组件状态？
我在用Ant Design的Transfer做权限分配，左边是所有角色，右边是已选角色。但当我移动选项时，父组件里的selectedKeys没更新，控制台也没报错，不知道是不是setState写错了？...
-
1
回答
36浏览
PageHeader 的返回按钮怎么自定义跳转路径？
我在用 Element Plus 的 PageHeader 组件，想让返回按钮跳转到指定页面而不是默认的上一页。试过加 @back 事件，但不知道怎么阻止默认行为再手动跳转，文档里也没找到相关说明。 ...
-
2
回答
25浏览
Tree树形组件选中后怎么获取完整路径？
我用的是Element Plus的Tree组件，现在点某个节点能拿到当前节点数据，但想拿到从根到该节点的完整路径数组，试了node.parent好像不行。 官方文档里没找到直接的方法，有没有人知道怎么...
-
1
回答
22浏览
Transfer穿梭框数据不更新怎么办？
我在用Element Plus的Transfer组件做权限分配，左边是所有角色，右边是已选角色。但当我从接口拿到新数据后，用this.data = newData赋值，穿梭框里的列表完全没变化，还是旧...
-
2
回答
47浏览
Segmented分段控制器怎么实现点击切换样式？
我用Vue写了个分段控制器，但点选后active状态的样式没加上，不知道是哪出问题了？ 试过给当前项加:class="{ active: currentIndex === index }"，但页面上就...
-
2
回答
27浏览
Cascader级联选择器的下拉菜单样式怎么自定义？
我用的是Element Plus的Cascader组件，想改一下下拉面板的宽度和字体大小，但加了scoped样式没生效，全局样式又怕影响其他组件。试过用深度选择器，但还是不行，是不是哪里写错了？ 这是...
-
1
回答
39浏览
PageHeader 页头返回按钮怎么自定义跳转路径？
我用的是 Ant Design 的 PageHeader 组件，想改返回按钮的跳转链接，但文档里没看懂怎么覆盖默认的 go(-1) 行为。试了加 onClick 也不生效，点回去还是浏览器后退。 现在...
-
2
回答
34浏览
Navbar导航栏点击没反应是怎么回事？
我用原生JS写了个简单的导航栏，点击菜单项应该切换active状态，但点完完全没变化，控制台也没报错，不知道哪里出问题了。 试过给每个li加事件监听，也检查了类名拼写，还是不行。代码如下： const...
-
2
回答
52浏览
FloatButton悬浮按钮在移动端点击无效是怎么回事？
我用 Vue3 写了个 FloatButton 悬浮按钮，PC 上 hover 和点击都正常，但一到手机上点它完全没反应，连 click 事件都不触发。我试过加了 cursor: pointer 也没...
-
2
回答
62浏览
Dropdown下拉菜单点击外部区域无法收起怎么办？
我用React写了一个带下拉菜单的组件，给document绑定了click事件来收起菜单，但有时候点击菜单内部链接也会触发收起，导致链接点不动。试过加stopPropagation也不行，代码大概是这...
-
1
回答
43浏览
时间线组件动态数据加载后步骤点顺序错乱怎么办？
我在用Vue做时间线组件时遇到问题，当从接口动态获取steps数据后，时间线的步骤点显示顺序总是和数组顺序相反。比如数据是[步骤1,步骤2,步骤3]，但页面上显示成3-2-1排列。 我尝试在CSS里给...
-
2
回答
211浏览
折叠面板展开时内容不更新怎么办？
在用Ant Design的Collapse组件做动态面板时遇到个怪问题。我通过点击按钮切换面板数据，虽然状态确实更新了，但展开的面板内容还是显示旧数据，完全懵了。 比如点击加载新数据后，面板标题变了但...
-
2
回答
115浏览
Vue导航Footer组件如何实现动态高度自适应？
我在开发导航页脚组件时遇到问题，Footer总被内容遮挡。当页面内容较少时页脚能贴在底部，但内容多时反而被覆盖。我尝试用position: fixed定位，但会导致滚动时内容穿透，换用绝对定位又需要手...
-
2
回答
94浏览
Cascader组件子菜单位置错乱，怎么调整CSS才能正确显示？
在做地区选择时用了Cascader组件，但二级菜单总是挤在一级菜单旁边，不是层叠下拉的效果。我尝试给子菜单加了 .el-cascader-menu+.el-cascader-menu { margin...
-
2
回答
120浏览
Antd的Menu子菜单点击无法展开怎么办？
在用Ant Design的Menu组件做侧边栏时，设置了SubMenu子菜单，但点击箭头图标就是不展开，mode="inline"也写了，还试过设置defaultOpenKeys还是没反应... 代码...
-
2
回答
74浏览
Segmented分段控制器选中状态刷新后丢失怎么办？
我在用Ant Design的Segmented组件做标签切换时遇到个问题，选中项在页面刷新后就会重置了。我尝试用v-model绑定状态，并在mounted里从localStorage读取保存的值，但发...
-
2
回答
133浏览
Dropdown下拉菜单点击外部区域无法收起怎么办？
我在写一个带点击关闭的下拉菜单，用document监听点击事件判断是否在菜单外，但发现点击菜单选项时也会触发关闭，导致选不了项。 试过这样写： handleClickOutside = (e) =&g...
-
2
回答
68浏览
Tree树形组件展开节点动画卡顿怎么办？
在用Ant Design的Tree组件做导航时，发现展开子节点的动画特别卡顿，明明加了transition属性也没用。 代码是这样写的： .ant-tree-treenode-expanded .an...
