关闭 vue 中的其他打开切换

Question

js 以及如何做下面的事情

截图

现在我的问题是，如果我点击产品，然后点击设置，那么两者都是打开的，但我只想打开预设的点击切换。

例如，如果我点击设置，那么现在应该打开设置，然后如果我点击产品，那么设置应该关闭并且产品切换应该打开。

我该怎么做？

这是我的代码，我用它在点击时打开：

<script>
export default {

    methods: {
       handleClick (e) {
           e.preventDefault()
           e.target.parentElement.classList.toggle('open')
             }
          }
       }
  </script>

Answer 1

点击另一个链接后，您必须删除所有链接的公开课