在用element做側(cè)邊欄遇到的問題，如果給每個按鈕綁定一個值去用if判斷有點麻煩了
這個時候可以用路由
1、開啟導航欄的路由
但是直接給每個選項用router是會報錯的
看了下文檔，是給 <el-menu>這個標簽來一個router的屬性
那么為true的時候就是開啟這個導航欄的路由了
?
?但是直接賦值為:true
或者賦值為用引號包裹的：'true'
控制臺就會報錯它是一個字符串不是布爾值，但是它的路由是生效的= =
給router綁一個v-bind
這樣就不會報錯了
2、聲明子組件路由
這里是給User加了兩個子組件，然后把子組件給側(cè)邊欄綁路由
?文章來源地址http://www.zghlxwxcb.cn/news/detail-442587.html
?這里的路由路徑是綁定到 index屬性身上，在el-menu-item后面加個router或者to再綁定路右路徑是無效的
index屬性在文檔上表明了具有唯一性，所以應該用多個不同的路由去給每個側(cè)邊欄綁上，這里就測試一下
然后點擊側(cè)邊欄就可以跳轉(zhuǎn)了
這個時候點了它就出來了，但是~
點擊其他的，點擊后的變色效果就同時生效
這是因為里面的index具有唯一標識思密達
把每個導航索引的路由綁成不一樣的就好了思密達
?文章來源：http://www.zghlxwxcb.cn/news/detail-442587.html
?
?
?
到了這里，關(guān)于Element-UI側(cè)邊導航欄切換展示不同的右側(cè)主體內(nèi)容的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
