element ui的菜单default-active默认选中的问题

代码如下：

<el-menu router :default-active="currentMenu" active-text-color="#7BE4FF" :unique-opened="true">
	// 此处navMenu 组件中:index="navMenu.sn"
	<navMenu :navMenus="menuData"></navMenu>
</el-menu>
watch: {
	'$route' (to, from) {
		this.getCurrentMenu()
	}
},
methods: {
	getCurrentMenu () {
		// 获取当前页面 菜单刷新后能自动选中
		let currentUrl = window.location.href
		let currentPage = currentUrl.split('/')[3].replace('#', '')
		this.currentMenu = currentPage
	}
}

问题如下：

切换菜单，中的navMenu.sn===default-active的值一致，选中高亮正常。
但是！！
后退到首页，菜单树里navMenu.sn没有首页home这个路由，navMenu.sn!==default-active选中前一个高亮始终不变。
照理说，navMenu.sn!==default-active不应该选中高亮菜单才对。

于是思考：