使用Element-UI的NavMenu如何隱藏自帶的小箭頭
更新時間：2024年07月01日 09:05:37 作者：qq_37099362
這篇文章主要介紹了使用Element-UI的NavMenu如何隱藏自帶的小箭頭問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Element-UI的NavMenu隱藏自帶的小箭頭
這里使用的是水平菜單，用icon作為title
直接套用官網的模版會在icon的右邊有一個小箭頭，但現在需要隱藏它
直接使用下面的css代碼即可
.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{
display: none;
}
.el-submenu>.el-submenu__title .el-submenu__icon-arrow{
display: none;
}注意：
在<style>標簽里需要把scope刪掉
更改element ui中下拉菜單的小箭頭的樣式
添加樣式
【注意添加樣式style中不能添加scoped】
.drop.el-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #1EBEF4 !important;
left: 50% !important;
}
更改下方箭頭位置
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vuex實現及簡略解析(小結)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要為大家介紹了vue項目如何使用mock，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
這篇文章主要給大家介紹了利用webstrom調試Vue.js單頁面程序的方法教程，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。2017-06-06
最近發(fā)現很多要求Vue3的技術了,不得不說it技術的更新真的太快了,作為vue2老用戶,我們在學習Vue3前應該了解他們的區(qū)別以及背后的原因,下面這篇文章主要給大家介紹了關于vue2和vue3區(qū)別的相關資料,需要的朋友可以參考下2023-02-02
Vue3+ts+setup?getCurrentInstance使用時遇到的問題以及解決辦法
getCurrentInstance方法用于獲取當前組件實例,僅在setup和生命周期中起作用,下面這篇文章主要給大家介紹了關于Vue3+ts+setup?getCurrentInstance使用時遇到的問題以及解決辦法,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Vue.js單向綁定和雙向綁定,結合實例形式分析了vue.js單向綁定與雙向綁定相關原理、實現方法及操作技巧,需要的朋友可以參考下2018-08-08
這次我想給大家介紹的內存泄漏的定位方法，并非工具的使用。而是一些經驗的總結，也就是我所知道的 VueJS SSR 中最容易出現內存泄漏的地方，非常具有實用價值，需要的朋友可以參考下2018-12-12
vue路由傳參的使用場景一般都是應用在父路由跳轉到子路由時,攜帶參數跳轉,下面這篇文章主要給大家介紹了關于vue路由傳參方式的方式總結及獲取參數的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
本篇文章主要介紹了vue配置多頁面的實現方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
滑塊驗證是一種常見的人機識別方法，這篇文章主要介紹了Vue滑塊驗證碼組件anji-captcha的使用,本文通過實例代碼圖文相結合給大家介紹的非常詳細，需要的朋友可以參考下2023-05-05