当前位置: 首页 > article >正文

vue点击左边导航,右边出现页面步骤

vue点击左边导航,右边出现页面   步骤

一定要import不然会出错

index.js Course作为Homeview子路由

Homeview加入<Routerview>

点击跳转<RouterLink to>

父Homeview中有RouterView(路由出口,跳转至相应路径)和RouterLink(点击跳转)

跳转的页面都为Homeview子

只有为el-menu-item标签时,index才会和default-active配对生效高亮

:default-active="$route.path"        

:绑定   

$route.path浏览器当前正在访问的路由,格式  /xxx

点击导航栏出现对应页面时,当前访问页面导航栏高亮 

在el-menu-item标签写index="/xxx"     el-menu:default-active="$route.path"     

router  可点击 好像是绑定切换路由


http://www.kler.cn/a/549968.html

相关文章:

  • 【GO】Golang/C++混合编程 - 初识
  • Linux 目录结构与基础命令学习记录
  • Spring AI发布!让Java紧跟AI赛道!
  • openEuler 22.03 LTS SP4源码编译部署OpenStack-Dalmatian
  • 云原生(五十五) | ECS中自建数据库迁移到RDS
  • 2009年下半年软件设计师上午真题的知识点整理(附真题及答案解析)
  • React.memo 使用详解与最佳实践
  • SpringBoot+微信小程序+数据可视化的宠物到家喂宠服务(程序+论文+讲解+安装+调试+售后等)
  • 使用 DiskPart 命令创建磁盘和卷
  • 基于AWS的证券交易系统架构设计与核心技术实践
  • 第6章 6.1 ASP.NET Core MVC 项目
  • PHP语法入门完全指南(2024新版)
  • 生成对抗网络(GAN)的“对抗“过程解析:从图像合成到药物发现的跨领域应用
  • 制作一个项目用于研究elementUI的源码
  • 腿足机器人之七- 逆运动学
  • 【Unity】打包运行后如何查看日志
  • SQL语言的区块链
  • React 第二十六节 <Profiler></Profiler> 的用途使用方法
  • MySQL Dockerfile 示例
  • Linux:线程概念、理解、控制