效果:
一级(最高权限)
二级权限账号登录效果:
三级权限账号登录效果:
单层效果或者可设置不显示目录树
未组装得接口数据:
代码如下:
<script lang="ts">
import {
defineComponent, useFetch } from '@nuxtjs/composition-api'
import {
useMerge } from '~/utils/use-merge'
type TreeNodeData = {
id: string
name: string
parentId: string
type: number
}
type TreeNodeItem = {
id: string
data: TreeNodeData
children?: TreeNodeItem[]
}
export default defineComponent({
setup() {
const m = useMerge()
useFetch(async ({
$axios, $auth })