vue 导航栏打开，关闭功能

[yantianqi]

如何实现打开当前，关闭其他
例如：打开导航一，自动关闭导航二
谢谢

[ss098]

这个是 Element 的导航组件吧？可以配置参数 unique-opened。

http://element.eleme.io/#/zh-CN/component/menu

[scofieldpeng]

最简单的,每个导航取一个唯一不冲突的名字,然后设置一个变量显示当前打开的是哪一个导航,写一个函数,判断这个变量的值是否为该导航的名字,是就展开,不是就关闭,当用户打开展开某个导航的时候把变量值设置为该导航的名字,

[Sapp]

如果不需要设置为一次只能展开一个:
<div @click="$event.currentTarget.classList.toggle('active')"></div>
需要设置:
<div :class="[activeNavName]" @click="activeNavName = xxx"></div>