vue 导航栏打开，关闭功能

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 3405 days ago, the information mentioned may be changed or developed.

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

导航

关闭

打开

Vue

3 replies • 2017-07-14 11:54:38 +08:00

ss098

Jul 14, 2017

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

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

scofieldpeng

Jul 14, 2017

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

Sapp

Jul 14, 2017

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