关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
*洋芋果果
2022-02-17 17:35
采纳率: 50%
浏览 346
首页
有问必答
vue3+ant-design 关联菜单栏与tab,实现组件切换
有问必答
vue.js
问题遇到的现象和发生背景
由于状态存储管理中不能写router,所以分别在tab组件和左侧菜单组件都写了切换路由的方法
我想要达到的结果
把tab和左侧菜单栏关联起来,共用一个切换路由的方法,能提供一个大致的思路即可
收起
写回答
好问题
0
提建议
关注问题
微信扫一扫
点击复制链接
分享
邀请回答
编辑
收藏
删除
结题
收藏
举报
1
条回答
默认
最新
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
崽崽的谷雨
2022-02-17 18:05
关注
页面效果截个图看看
本回答被题主选为最佳回答
, 对您是否有帮助呢?
本回答被专家选为最佳回答
, 对您是否有帮助呢?
本回答被题主和专家选为最佳回答
, 对您是否有帮助呢?
解决
1
无用
评论
打赏
微信扫一扫
点击复制链接
分享
举报
评论
按下Enter换行,Ctrl+Enter发表内容
查看更多回答(0条)
向“C知道”追问
报告相同问题?
提交
关注问题
Vue
3做出B站【bilibili】
Vue
3+TypeScript+
ant
-
design
-
vue
【快速入门一篇文章精通系列(一)
前端
项目案例】
2023-03-08 09:53
程序员猫爪的博客
ant
Design
Vue
axios echarts highcharts mockjs pinia
vue
-router 将生成的js文件都修改为ts文件 执行成功 安装TypeScript 安装完成后,在控制台运行如下命令,检查安装是否成功(3.x): 设置自动编译 3、...
Vue
3 + TS +
Ant
d + Pinia 从零搭建后台系统(四)
ant
-
design
-
vue
Layout布局,导航栏,标签页
2024-06-19 13:52
小胖伦的夕阳粉的博客
使用unplugin-
vue
-components插件完成
ant
-
design
-
vue
组件
的按需加载。此处用到的图标为iconfont图标库中的图标,可替换为
ant
-
design
-
vue
中的图标。此处还需在tsconfig.json同级添加文件 components.d.ts。项目至此...
VUE
+
Ant
Design
Vue
+.Net Core搭建后台框架-(1)效果展示
2022-03-01 14:38
QQ978124155的博客
VUE
+
Ant
Design
Vue
+.Net Core3剑客结合快速搭建一套后台框架
Vue
基于
ant
-
design
-
vue
封装
Tab
Bar
2020-12-30 10:31
kxh166的博客
Vue
基于
ant
-
design
-
vue
封装
Tab
Bar 目录 Base
Tab
BarItem <template> <a-badge v-if="true" :class="[ isCenter ? 'base-
tab
bar-center-item-badge-wrap' : 'base-
tab
bar-item-badge-wrap', '...
2024年最新
Vue
使用
Ant
-d 简单
实现
左侧
菜单栏
和面包屑功能(2),web软件开发
2024-05-07 15:21
2401_84619432的博客
最好把准备一下常见的面试问题,毕竟面试也相当与一次考试,所以找工作面试的准备千万别偷懒。面试就跟考试一样的,时间长了不复习,现场表现肯定不会太好。表现的不好面试官不可能说,我猜他没发挥好,我录用他吧。...
vue
3使用
ant
dv
组件
处理左边
菜单栏
,刷新
菜单栏
保持选中状态
2024-05-31 15:45
Lucky_zss的博客
2.使用watch监听选中的key 发生变化,将新值赋值给绑定的点击事件并存于本地。3. 在生命周期挂载后,取出本地存储的点击事件值,展现在页面上。1.给菜单加一个点击事件赋值给双向绑定选中的key。
vue
-
ant
-
design
刷新页面,根据当前路由选中相应菜单
2019-09-24 19:49
荻野泽溪的博客
1.设置默认选中的key值:...2.将每个菜单的key值和路由的path一样的 <div id="components"> <a-layout> <a-layout-header style="background: #fff;height: 50px;padding: 0px 20...
Vue
3第十一篇:后台管理系统-菜单、头部导航、
Tab
2022-06-17 21:27
文子阳的博客
新建
Tab
组件
Nav
Tab
.
vue
,从
vue
.draggable的github上复制了一份模板,改造成setup语法糖版本,文档连接如下:
vue
.draggable中文文档 - itxst.com
Vue
.Draggable是一款基于Sor
tab
le.js
实现
的
vue
拖拽插件。支持移动设备...
vue
中
tab
切换
前端
实现
_
vue
实现
tab
切换
保持数据状态
2021-01-12 07:56
Weiran Huang的博客
网页做
tab
切换
,由于
组件
每一次
切换
都会重新版实例化
组件
,我们想要网页不论如何
切换
都仍然保持
tab
里面的内容不会刷新版,减少网页重新版渲染以及减少请求
实现
方法:使用包裹
组件
列表网页跳转详情 ,列表网页保持上...
vue
3
实现
系统
tab
标签页面
切换
2024-08-23 16:08
suoh's Blog的博客
由于本系统的keepAlive
实现
没有用页面的name,而是用v-if条件判断哪些页面缓存就套个keepalive的壳,...使用的是element-plus中的el-
tab
组件
,结构目录如下。右键显示功能菜单,写成了一个
组件
,在上面文件中进行引用。
没有解决我的问题,
去提问
向专家提问
向AI提问
付费问答(悬赏)服务下线公告
◇ 用户帮助中心
◇ 新手如何提问
◇ 奖惩公告
问题事件
关注
码龄
粉丝数
原力等级 --
被采纳
被点赞
采纳率
创建了问题
2月17日