el-menu下划线去掉
时间: 2023-11-06 15:01:42 浏览: 80
要去掉el-menu下划线,你可以在<style>标签中使用以下代码:
.el-menu {
border-bottom: none;
}
这将去掉el-menu的下划线效果。
相关问题:
1. 如何改变el-menu的背景颜色?
2. 怎样给el-menu添加图标?
3. 如何在el-menu中添加
相关问题
如何去掉el-menu下划线
要去掉el-menu下划线,可以在el-link中增加 :underline='false' 属性,这样就可以实现去掉下划线的效果。
引用: 解决方法:在el-link中增加 :underline='false'
```html
<el-table-column property="name" label="名称" show-overflow-tooltip>
<template #default="scope">
//去掉下划线属性 :underline="false"
<el-link :underline="false" type="primary" target="_blank" @click="gotoRouter(row)">
{{ scope.row.name }}
</el-link>
</template>
</el-table-column>
```
引用: 主要介绍了element中el-menu组件的无限级循环,通过实例代码给大家详细介绍了如何去掉el-menu下划线,对大家的学习或工作具有一定的参考价值。
el-menu 去除下划线
以下是两种去除el-menu下划线的方法:
1.使用CSS样式去除下划线
```html
<style scoped>
.el-menu-item, .el-submenu__title {
text-decoration: none;
}
</style>
```
2.使用router-link-active类和a标签去除下划线
```html
<style scoped>
.router-link-active, a {
text-decoration: none;
}
</style>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)