vant库中下拉菜单定义二级菜单

在 Vant 库中，可以通过 `DropdownMenu` 和 `DropdownItem` 组件来定义下拉菜单和二级菜单。

首先，需要在页面中引入 `DropdownMenu` 和 `DropdownItem` 组件：

import { DropdownMenu, DropdownItem } from 'vant';

然后，在模板中使用 `DropdownMenu` 和 `DropdownItem` 组件来定义下拉菜单和二级菜单：

<DropdownMenu>
  <DropdownItem value="1">选项一</DropdownItem>
  <DropdownItem value="2">
    选项二
    <template #sub>
      <DropdownMenu>
        <DropdownItem value="2-1">二级菜单一</DropdownItem>
        <DropdownItem value="2-2">二级菜单二</DropdownItem>
      </DropdownMenu>
    </template>
  </DropdownItem>
  <DropdownItem value="3">选项三</DropdownItem>
</DropdownMenu>

在上面的代码中，`DropdownMenu` 组件是下拉菜单的容器，`DropdownItem` 组件是每一个菜单项。当需要定义一个二级菜单时，可以在 `DropdownItem` 组件内部使用 `template` 标签来定义一个子菜单，然后在子菜单中再次使用 `DropdownMenu` 和 `DropdownItem` 组件来定义二级菜单的内容。

需要注意的是，`value` 属性是必须要设置的，它用来标识每一个菜单项的值，方便在组件的 `change` 事件中获取选中的菜单项的值。