解决element导航栏刷新，选中效果消失

问题：

当页面刷新后，之前导航栏选中效果消失

解决思路

使用Vue提供的计算属性和侦听器computed，关于computed与watch的使用场景，可参考 此文章。

操作

1. 这里我们声明了一个计算属性 checkNav

  computed: {
    checkNav() {
      const path = this.$route.path.replace('/', '')
      return path || '/'
    }
  },

2. :default-active 绑定自定义属性

<el-menu
	router
	class="el-menu"
	mode="horizontal"
	:default-active="checkNav"
	@select="handleSelect"
>
……
</el-menu>