uniapp中用vue点击一级标题后向下展开二级菜单再次点击收回

在UniApp中，可以使用Vue的条件渲染指令v-if或v-show来实现点击一级标题后展开二级菜单的效果。

首先，在一级标题的点击事件中，可以使用Vue的数据绑定来控制二级菜单的显示与隐藏。例如，在data中定义一个变量isShow来表示二级菜单是否展开：

<template>
  <view>
    <view @click="toggleMenu">{{ isShow ? '收起菜单' : '展开菜单' }}</view>
    <view v-if="isShow">
      <!-- 二级菜单内容 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShow: false // 初始化二级菜单默认不展开
    }
  },
  methods: {
    toggleMenu() {
      this.isShow = !this.isShow // 点击一级标题时切换二级菜单的展开与收起状态
    }
  }
}
</script>

在上述代码中，一级标题的点击事件toggleMenu会切换isShow的值，从而根据isShow的值来决定是否展示二级菜单。

需要注意的是，v-if会在条件为false时完全销毁并重新创建DOM元素，而v-show只是通过CSS的display属性来控制元素的显示与隐藏。在大部分情况下，推荐使用v-show来实现这种效果，因为它的性能更好