niucloud/admin/src/app/views/auth/components/select-menu-item.vue
全栈小学生 71defadfff update admin
2024-07-26 10:18:53 +08:00

34 lines
827 B
Vue

<template>
<template v-if="prop.menu.menu_type != 2">
<el-option :label="`${prop.menu.menu_name}`" :value="prop.menu.menu_key">
<span v-html="`${menuLevel}${prop.menu.menu_name}`"></span>
</el-option>
<template v-if="prop.menu.children">
<select-menu-item :menu="item" v-for="(item,index) in prop.menu.children" :level="prop.level + 1" :key="index" />
</template>
</template>
</template>
<script lang="ts" setup>
import { computed } from 'vue'
const prop:any = defineProps({
menu: Object,
level: {
type: Number,
default: 0
}
})
const menuLevel = computed(() => {
let t = ''
for (let i = 0; i < prop.level; i++) {
t += i == 0 ? '&emsp;|--' : '--'
}
return t
})
</script>
<style lang="scss" scoped>
</style>