龙空技术网

48、active-class 属于哪个组件中的属性?该如何使用?

池梓沐 117

前言:

眼前姐妹们对“控件属性是什么意思”大体比较看重,大家都想要学习一些“控件属性是什么意思”的相关知识。那么小编也在网上收集了一些对于“控件属性是什么意思””的相关内容,希望兄弟们能喜欢,大家快快来学习一下吧!

首先 active-class 是 vue-router 模块中 router-link 组件中的属性,主要作用是用来实现选中样式的切换,在 vue-router 中要使用 active-class 有两种方式:

1、 在 router-link 中写入 active-class

active-class 选择样式时根据路由中的路径(to=“/home”)去匹配,然后显示

<router-link to="/home" class="menu-home" active-class="active">首页</router-link>

2、直接在路由 js 文件中配置 linkActiveClass

export default new Router({

linkActiveClass: 'active',

}

3、引起的问题

因为 to="/" 引起的,active-class 选择样式时根据路由中的路径去匹配,然后显示,例如在 my 页面中,路由为 localhost:8081/#/my,那么 to="/”和 to="/my"都可以匹配到,所有都会激活选中样式。

4、解决方法

(4,1)在 router-link 中写入 exact

(4,2)在路由中加入重定向

标签: #控件属性是什么意思 #控件属性在哪