Element-UI 写后台【三】 让上面全部联通动起来
时间:2022-03-12 21:02
1、定义相关组件的路由
2、 在main.vue 使用<router-view></router-view>进行渲染
3、在Aside.vue中clickMenu,使用编程式导航进行跳转
methods: { clickMenu(item) { this.$router.push({name:item.name}) this.$store.commit(‘selectMenu‘, item) } },
4、Tab联通性,与上类似
5、Tab需要加一个点击函数,让点击进行路由跳转
<el-tag :key="tag.name" v-for="tag in tags" closable :disable-transitions="false" :closeable="tag.name !== ‘home‘" @click=‘changeMenu(tag)‘ @close="handleClose(tag)"> {{tag.label}} </el-tag>
changeMenu(item) { this.$router.push({name: item.name}) // 调用VUEX的方法 this.$store.commit(‘selectMenu‘, item) }
地址 : https://github.com/njp2645509660/element-ui-.git
相关推荐
- Android系统编程入门系列之界面Activity交互响应
- 新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- uni-app滚动视图容器(scroll-view)之监听上拉事件
- uniapp h5,app两端复制文本
- Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn
- 诺基亚短信生成!太好玩了
- iOS 跳转App Store进行评分
- 开发一个即时通讯App
- 关闭苹果IOS app自动更新
电脑软件
本类排行
- 1关闭苹果IOS app自动更新
- 2iOS 跳转App Store进行评分
- 3诺基亚短信生成!太好玩了
- 4Android系统编程入门系列之界面Activity响应丝滑的传统动画
- 5uniapp h5,app两端复制文本
- 6uni-app滚动视图容器(scroll-view)之监听上拉事件
- 7新型横向移动工具原理分析、代码分析、优缺点以及检测方案
- 8Android系统编程入门系列之界面Activity交互响应
- 9开发一个即时通讯App
- 10【Azure 应用服务】App Service 配置 Application Settings 访问Storage Account得到 could not be resolved: '*.file.core.windows.net'的报错。没有解析成对应中国区 Storage Account地址 *.file.core.chinacloudapi.cn