第一次使用element ui，根據(jù)項目需求，選擇了NavMenu導航菜單，
?Element - The world's most popular Vue UI framework
?首先將代碼復制粘貼到vue組件的<template></template>目標位置，修改相關信息，順利完成。
但實際目標需求樣式不一致，需要修改字體大小和塊大小，嘗試用添加class，style中添加樣式修改成功，
?
?但問題來了，el-submenu中的樣式，這部分的作用全部失效，無法改變，查看了許多博客
?根據(jù)這篇提到的方法解決問題
修改 element-ui 組件 el-tabs 的選項卡字體大小樣式_IM_chaochao的博客-CSDN博客_element ui 字體大小
總結(jié)一下，修改element UI樣式主要是先再瀏覽器中，按f12，樣式選擇器選擇目標的樣式，html中確定元素位置，該元素樣式欄中找到目標修改的樣式，然后直接復制它樣式的所有選擇器名稱，粘貼到自己代碼處，進行修改。
?文章來源：http://www.zghlxwxcb.cn/news/detail-601186.html
?其中還需注意兩點，一是需要添加/deep/強制渲染才可以生效，二是style標簽要記得添加scoped限定渲染范圍，完美解決。文章來源地址http://www.zghlxwxcb.cn/news/detail-601186.html
到了這里，關于修改element ui的導航菜單樣式，包括下拉菜單的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
