-
點擊不同的菜單,右邊內容做相應的變化。
不過,對於后退操作和刷新頁面操作無效,左邊菜單無法保持選中項高亮。
解決思路如下:
Menu 用 seletedKeys 來決定哪項被選中。需要判斷當前選前的路由是什么,可以借助 withRouter。 -
自己做的例子:https://github.com/cag2050/react_eject_antd_demo/blob/master/src/components/MenuDemo.js
-
與vue UI 庫 ElementUI 對比:
el-menu 組件,使用vuex的 this.$route.path:
computed: {
defaultActive () {
return this.$route.path
}
}