“约见”面试官系列之常见面试题之第九十六篇之active-class是谁的属性（建议收藏）

active-class 属于vue-router的样式方法，当router-link标签被点击时将会应用这个样式
一、首先，active-class是什么，active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；相关可查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html二、在vue-router中要使用active-class有两种方法：1、直接在路由js文件中配置linkActiveClassexport default new Router({
linkActiveClass: ‘active’,})2、在router-link中写入active-class首页三、最近在项目中出现一个问题，使用第二种方法添加active-class，跳转到my页面后，两个router-link始终都会有选中样式，代码如下首页
我的
四、后来发现是因为 to="/" 引起的，active-class选择样式时根据路由中的路径去匹配，然后显示，
例如在my页面中，路由为 ，那么to="/”和to="/my"都可以匹配到，所有都会激活选中样式五、要解决问题也有两种方式，都是通过加入一个exact属性1、直接在路由js文件中配置linkActiveClassexport default new Router({
linkExactActiveClass: ‘active’,})2、在router-link中写入exact首页
六、不过我不是用exact这种方法去解决的，我的方法是首页路由中加入重定向
{
path: ‘/’,
redirect: ‘/home’
}

“约见”面试官系列之常见面试题之第九十六篇之active-class是谁的属性（建议收藏）相关推荐

“约见”面试官系列之常见面试题第四十四篇之webpack打包原理解析？（建议收藏）
webpack打包是如何运行的也可以称为,webpack是如何实现模块化的 CommonJS是同步加载模块,一般用于node.因为node应用程序运行在服务器上,程序通过文件系统可以直接读取到各个模 ...
“约见”面试官系列之常见面试题第三十八篇之js常见的继承方式（建议收藏）
1.原型链继承核心: 将父类的实例作为子类的原型将构造函数的原型设置为另一个构造函数的实例对象,这样就可以继承另一个原型对象的所有属性和方法,可以继续往上,最终形成原型链父类 // 定义一个动物 ...
“约见”面试官系列之常见面试题之第九十五篇之vue-router的组件组成（建议收藏）
<router-link :to='' class='active-class'> //路由声明式跳转 ,active-class是标签被点击时的样式<router-view> ...
“约见”面试官系列之常见面试题之第九十四篇之MVVM框架（建议收藏）
目录一句话总结:vm层(视图模型层)通过接口从后台m层(model层)请求数据,vm层继而和v(view层)实现数据的双向绑定. 1.我大前端应该不应该做复杂的数据处理的工作? 2.mvc和mvvm ...
“约见”面试官系列之常见面试题之第九十二篇之created和mounted区别（建议收藏）
beforeCreate 创建之前:已经完成了初始化事件和生命周期 created 创建完成:已经完成了初始化注册和响应 beforeMount 挂载之前:已经完成了模板渲染 mounted :挂 ...
“约见”面试官系列之常见面试题第三十六篇之CSS常见兼容性问题及解决方案（建议收藏）
CSS常见兼容性问题及解决方案: 1. 上下margin重合问题: 问题描述:相邻的margin-left和margin-right是不会重合的,但是相邻的块级元素margin-top 和margin ...
“约见”面试官系列之常见面试题之第九十九篇之router和route（建议收藏）
1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了 ...
“约见”面试官系列之常见面试题之第九十八篇之vue-router有哪几种导航钩子（建议收藏）
目录 1.导航钩子的作用 2.导航钩子的分类 3.全局守卫 4.路由独享守卫 5.局部守卫 6.路由跳转导航解析流程,当由A路由–>B路由的时候 1.导航钩子的作用 vue-router提供的导 ...
“约见”面试官系列之常见面试题之第九十九篇之router的钩子函数（建议收藏）
当使用路由参数时,例如从 /user/aside导航到 /user/foo,原来的组件实例会被复用.因为两个路由都渲染同个组件,比起销毁再创建,复用则更加高效.不过,这也意味着组件的生命周期钩子不会再 ...

“约见”面试官系列之常见面试题之第九十六篇之active-class是谁的属性（建议收藏）

“约见”面试官系列之常见面试题之第九十六篇之active-class是谁的属性（建议收藏）相关推荐

最新文章

热门文章