在建立完專案會出現重新整理當前頁面，但是選單會回到初始狀態，這裡主要記錄一下，當我們重新整理頁面後，選單高亮與對應頁面相匹配
在element-ui官網可以看到，default-active繫結的是當前啟用選單的 index
我們在選單中，index所繫結的變數是path，即路由路徑，所以我們實現當前頁面對應選單預設高亮，可以想辦法擷取到path，將其賦值給default-active繫結的變數
實現方法
（1）將el-menu中的index與path繫結
:default
-active=
"active"
ref=
"menunref"
@select=
"handleselect"
style=
"border:none"
>
for=
"itemtitle in menuslist"
:index=
"itemtitle.path"
:key=
"itemtitle.path"
>
"title"
>
}<
/span>
<
/template>
for=
"item in itemtitle.children"
:index=
"item.path"
:key=
"item.path"
>
"title"
>
}<
/template>
<
/el-menu-item>
<
/el-submenu>
<
/el-menu>
export
default[,]}]
computed:
,active()
},
在這裡也可以用監聽
watch:
, immediate:
true}}
,
前端基礎學習 應用元件寫選單
開發工程中會發現，對於選單的選單項，可能有多種情況，有的有多重子選單，而有的無子選單，如果寫成固定模式，那麼若改變選單模式，則需要改變大量 這裡如果呼叫元件，並且在需要的地方，經過判斷重複呼叫，可以大大提高效率 主要思想是 講選單項分成有子選單和無子選單的情況，無子選單的情況，直接呼叫el menu...
前端基礎學習03
html規範 畫素 畫素是指由影象的小方格組成的，這些小方塊都有乙個明確的位置和被分配的色彩數值，小方格顏色和位置就決定該影象所呈現出來的樣子。可以將畫素視為整個影象中不可分割的單位或者是元素。不可分割的意思是它不能夠再切割成更小單位抑或是元素，它是以乙個單一顏色的小格存在。每乙個點陣影象包含了一定...
筆記 前端基礎學習
cdn 內容分發網路這是一種加速策略，能從離自己最近的伺服器上獲得加速資源。使用vue採用網路引用，如果是單一的伺服器，加入距離很遠，就會導致請求很慢，所以vue.js在多個伺服器上設定了 分身 在此基礎上，可以從離自己最近的伺服器上獲取資源，這就是cdn mvvm vue技術是mvvm開發模式的實...