• 所有问题

    • VUE—linkActiveClass 动态配置active class

    如题所述

    举报该问题
    其他回答
    第1个回答  2022-07-19
    一.在点击导航栏的时候，让被点击的那一个有背景色，其他的没有背景色？

    这样<router-link>被点击激活的时候就会被加上is-active这个class了。注意如果没有设置router-link的标签类型，会是<a>标签,<a>标签是没有宽度和高度的。将router-link 这样的a标签转化为li标签

    二.自己来操控 active Class 给加的位置，并不想它随着路由的改变而改变
    假如侧边栏我的钱包，路由为'/myWallet'，在'/myWallet'页面可以操作提现，会进入'/withdraw'提现页面，路由发生变化，从'/myWallet' 身上移到'/withdraw'上了。如何让 '/myWallet' 这个页面的active Class 保留住呢？给'/withdraw' 加上一个路由元信息，在侧边栏去检查路由元信息，然后看是否需要给其active class

    如果只有一个页面 对应一个active的,就不用添加 meta下面的active属性了
    相似回答
    vue active-class的用法答：active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；a.直接在路由js文件中配置linkActiveClass b.在router-link中写入active-class a.直接在路由js文件中配置linkActiveClass b.在router-link中写...
    vue 的组件中如何使用 active 属性?答：active-class 是 vue-router 模块中 router-link 组件中的属性，主要作用是用来实现选中样式的切换。在 vue-router 中使用 active-class 有两种方式：1. 在 router-link 中写入 active-class；2. 在 router-view 中写入 ...
    active-class是哪个组件的属性?嵌套路由怎么定义?答：1、active-class 属于vue-router的样式方法，当routerlink标签被点击时将会应用这个样式；2、vue-router模块的router-link组件。
    vue router 怎么在li上绑定active class答：).click(function(){$(".active").removeClass("active");$(".active2").removeClass("active2");$(this).addClass("active");});$(".submenu>ul>li").click(function(){$(".active").removeClass("active"...
    vue的router-link答：全局配置：constcreateRouter=()=>newRouter({mode:'history',// require service supportlinkActiveClass:'is-active',scrollBehavior:()=>({y:0}),routes:constantRoutes})1 2 3 4 5 6 6.exact（true/false）“...
    v-bind使用答：我们可以传给 v-bind:class 一个对象，以动态地切换 class：上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 的 truthiness 。你可以在对象中传入更多属性来动态切换多个 class。此外， v-...
    VUE3中Class 与 Style 绑定答：我们可以传给 :class ( v-bind:class 的简写) 一个对象，以动态地切换 class：上面的语法表示 active 这个 class 存在与否将取决于 data property isActive 的 truthiness 。你可以在对象中传入更多字段来动态...
    vue点击当前路由添加class怎么做?答：vue-点击当前路由增加class,其他的删除class的方法 1. 路由操作 <router-link to='/list'v-for='(item,index) in list':class='{active:index==idx}'click='btnClass(index)'> 2. js部分 data () { return { ...
    vue 子路由的选中状态会影响父路由的选中状态吗答：在vue-router中 active-class 只在选中的路由上添加active-class，并不会对其关联的路由链接添加active-class [ { path: '/messageCenters', component: () => System.import('./personalcenter/MessageCenter.vue') }...
    大家正在搜
    active in classlinkactiveclasslinkActiveClasshtml5classactivevueactiveclassclassactive根据class设置styleactive linkactivelink