Vue项目中导航栏对应关系，求大佬救救我吧

最新推荐文章于 2022-11-01 14:09:13 发布

仗剑走天涯‰

最新推荐文章于 2022-11-01 14:09:13 发布

阅读量302

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42802987/article/details/106838543

版权

导航栏和添加页面、编辑页面的问题

导航栏和展示页面是正常的

现在问题来了：当我的页面点击添加角色或者编辑角色的时候，导航栏的角色管理就不能保持原样了
在这里插入图片描述
我的初衷是想当我点击某个页面的添加或编辑的时候导航栏应该停留在相对应的导航栏上，而不是出现以上的情况。大佬们这个要怎么解决啊

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

仗剑走天涯‰

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue新手：导航栏中的两个链接对应一个页面，不同链接显示的内容不同

java新手的博客

03-23

4285

导航栏sidebar页面：想要放两个链接，点击任何一个都跳转到create页面，但是create页面显示的内容不同。 <template> <div class="sidebar"> <el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse&q

vue导航栏项目_适用于Vue项目的简单美观的导航栏

cuk5239的博客

07-27

5141

vue导航栏项目 导航栏 (vue-navigation-bar) A simple, pretty navbar for your Vue projects. (A work in progress for a few more days maybe) . 适用于Vue项目的简单，漂亮的导航栏。 (也许正在进行几天的工作)。 View demo 查看演示 Download Source ...

参与评论您还未登录，请先登录后发表或查看评论

项目中常见的导航

zyfacd的博客

04-09

246

鼠标经过显示二级菜单： <head> <title></title> </head> <style> *{ margin:0; padding:0; } .nav{ width:300px; ...

小陈学Vue.js --案例：导航切换--

weixin_50419323的博客

12-03

1757

需求： 1、点击导航条中的导航项目，当前被点击的项目内容会显示在下方绿色方块中，并且当前被点击项目的背景会变成红色 2、使用 v-for 指令遍历显示导航项目，使用 v-on 添加添加事件，使用 v-bind 指令动态绑定 class 和 key 属性，最后完成效果如图 css样式：效果： ...

vue侧边栏导航，右侧显示对应内容

最新发布

m0_62019369的博客

11-01

6629

页面上使用的面包屑，查询条件，表格，分页等空间，可以查看element-ui官网。该步骤主要关注页面布局，并没有绑定数据，编写完成后，观察页面效果。 BookList.vue:

vue 导航锚点——点击平滑滚动，导航栏对应变化

是我别出声的博客

09-06

1万+

情况描述： h5页面的活动首页，首屏图片展示，图片下有导航栏，以及模块展示。滑动屏幕，导航栏吸顶，点击导航栏，滚动到对应模块 //点击导航栏获取点击index goDetails(index) { this.activeMenu = index // 点击index加样式 let height = Number(document.getElementById('na...

vue移动端底部导航栏

weixin_44986077的博客

12-12

3090

最近写个小demo书写移动端的小demo，（别忘了移动端的适配问题）效果图如下点击底下的导航对应相应的页面代码如下 <template> <div class="footer"> <el-row> <el-menu :default-active="this.$route.path" cla...

前端Vue项目——初始化及导航栏

infotw的博客

06-24

9874

正文一、项目初始化　　创建webpack模板项目如下所示： MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project ? Project name luffy_project ? Project description A Vue.js project ? Author hqs ? Vue build standalone...

Vue--导航栏菜单

qq_28529373的博客

12-15

9450

menu.html 导航栏左项目名称您好，用户！ v-bind:class="{checked: index == nowIndex}" v-on:click="setTab('menu',index,menus)"> {{ menu.text }} 菜

排他布局，点击导航显示不同页面内容。自定义属性应用于索引。

qq_42780323的博客

09-22

566

排他布局，点击不同导航，会显示不同的内容。关键在于给导航标签span设置自定义属性index用于索引。这样不同的导航索引对应下面不同内容。如：当点击产品：则显示对应的产品模块。obj.setAttribute("index",i); var numb=obj.getAttribute("index") ;具体的完整程序如下： <!DOCTYPE html><html lang...

vue 动态多级导航菜单

LONGLONGAGO_RU的博客

11-12

3148

1，创建vue的左侧导航栏组件 <template> <div>  <el-menu-item v-for="(item,index) in navlist" :key="index" v-if="item.adminMenu.menuType =='page'" ...

vue中点击导航栏部分，页面切换

weixin_30236595的博客

11-05

6362

写页面的时候都会用到一些导航栏、点击不同的部分切换不同的页面、并且点击的时候更换颜色代码自己简单的写一下：(vue) <nav> 　　<ul> 　　　　<li v-for="(item, i) in navData" :class="{ nav_li : active === i }" :key="i" @click="$router.push({ pa...

vue在路由过程中，改变导航栏的单个点击样式的问题。

limy_cxm的博客

06-21

1万+

当我们做一个公共底部组件，类似于tab选项卡或者导航栏，单击路由到另外一个组件上的时候，我们改变当前路由的样式问题，并且返回，样式不会初始化，因为他是由路由决定的如果导航栏全部都是由router-link包含跳转的话，有一个非常好的方法 router-link-active —-.router-link-active这个class，是当路由path指向当前组件时自动生成的，可以在此处设置样式

vue项目nav导航栏的实现

王永存

09-20

3万+

每一个网页项目都少不了导航栏，通过原始的方法基本上都是可以写出来的。但是要写出代码量少，冗余度低的代码就要动脑子思考一下了。最近写了一个百度地图的项目，要求底部有一个导航栏。具体如下图：首先，拿到了底部导航栏的所有图标图片，图片都有两种。灰色的代表未选中，选中的用带样色的图片替换。先看一下，组件中 html结构：通过vue提供的v-for方法，进行遍历显示footNav

vue2.0 实现选项卡导航实例

ygy211715的博客

05-17

2619

1：背景是一个web端的电商网站，根据点击的导航选项卡呈现不同得种类商品，首先这里说下我的路由结构是导航是一个组件，选项卡的内容又是单独的一个组件。这是导航组件的内容，这里主要通过v-for循环生成导航，没什么好说的，需要注意的是，这因为选项卡需要知道用户所点击的是哪个模块，所以在数据中有个typeId属性，这里需要把该属性值传给选项卡组件。<template> <ul cl...

vue——element-ui项目中用如何点击导航菜单进行当前页面的router切换？图解只需三步！

最初都是小白

06-25

1万+

先给大家模拟一下场景：想要的效果：下面来看需要配置项使用element-ui的 NavMenu导航，里面的菜单属性里有详细的介绍。第一步配置属性，并把每一项的index改为想要跳转的path：第二步在Home页加上< router-view />插槽：第三步查看路由配置： ...

Vue项目实战：初始化与ElementUI导航栏设置

"这篇文档详细解析了前端Vue项目的初始化步骤以及如何使用ElementUI框架来实现导航栏功能。" 在前端开发中，Vue.js是一个流行的渐进式JavaScript框架，用于构建用户界面。Vue项目的初始化通常借助vue-cli工具进行，...