Element UI使用踩坑

用人家的东西就得按人家的规矩来么不是
这里用来记录我自己在elementUI使用过程中遇到的奇怪的坑，持续记录中…

1. element-ui.common.js?5c96:2353

问题
在el-menu中切换 el-menu-item 的时候总是提示 cannot read property disabled of null
解决
页面布局在header组件中用了个el-dropdown，后来需求改了，不要下拉菜单了。图省事就把el-dropdown-menu部分代码都屏蔽掉了。结果后面在页面导航切换组件点击切换的时候就各种报错，而且其中一个子组件用了el-cascader的选择点击事件也会报错，丈二和尚摸不着头脑。最终问题解决是在一个issue中看到了https://github.com/ElemeFE/element/issues/16715

总结
1.提示的报错触发的时候不一定是问题所在地，就像我点击路由切换报错，点击级联选择器也报错。但实际上是下拉菜单的问题。
2.调整的时候一定要严谨，最好调整完就调试一下，以防埋下隐患。

2. el-menu

问题
在路由跳转的时候，点击事件跳转路由，menu菜单的选中效果可以更新；而当代码中使用this.$router.push({name: ‘targetRouterName’})时，menu菜单的选中效果还是上一个路由的选中，与当前页面不一致。
解决
给menu的default-active绑定route.path，每次渲染menu都会读当前path 设置为default-active

<el-menu :default-active="$route.path" ...>