66 lines
2.1 KiB
Vue
66 lines
2.1 KiB
Vue
|
<template>
|
|||
|
|
<el-menu-item
|
|||
|
|
v-if="category.children == null || category.children.length == 0"
|
|||
|
|
:key="index"
|
|||
|
|
:index="index + '#' + category.path"
|
|||
|
|
>
|
|||
|
|
<template v-if="category.uri != null && category.uri !== ''">
|
|||
|
|
<!-- 外部链接，新窗口打开 -->
|
|||
|
|
<nuxt-link v-if="category.type === 'OUT_LINK'" :to="category.uri" target="_blank">
|
|||
|
|
<CategoryIcon :value="category.icon" :with-holder="false"/>
|
|||
|
|
{{category.title}}
|
|||
|
|
</nuxt-link>
|
|||
|
|
<!-- 内部链接 || 常规栏目配置了模板，当前页打开 -->
|
|||
|
|
<nuxt-link v-else :to="category.uri">
|
|||
|
|
<CategoryIcon :value="category.icon" :with-holder="false"/>
|
|||
|
|
{{category.title}}
|
|||
|
|
</nuxt-link>
|
|||
|
|
</template>
|
|||
|
|
<!-- 常规栏目 -->
|
|||
|
|
<label v-else>{{ category.title }}</label>
|
|||
|
|
</el-menu-item>
|
|||
|
|
<el-sub-menu v-else :index="index">
|
|||
|
|
<template #title>
|
|||
|
|
<template v-if="category.uri != null && category.uri !== ''">
|
|||
|
|
<!-- 外部链接，新窗口打开 -->
|
|||
|
|
<nuxt-link v-if="category.type === 'OUT_LINK'" :to="category.uri" target="_blank">
|
|||
|
|
<CategoryIcon :value="category.icon" :with-holder="false"/>
|
|||
|
|
{{category.title}}
|
|||
|
|
</nuxt-link>
|
|||
|
|
<!-- 内部链接 || 常规栏目配置了模板，当前页打开 -->
|
|||
|
|
<nuxt-link v-else :to="category.uri">
|
|||
|
|
<CategoryIcon :value="category.icon" :with-holder="false"/>
|
|||
|
|
{{category.title}}
|
|||
|
|
</nuxt-link>
|
|||
|
|
</template>
|
|||
|
|
<!-- 常规栏目未配置模板（目录） -->
|
|||
|
|
<label v-else>
|
|||
|
|
<CategoryIcon :value="category.icon" :with-holder="false"/>
|
|||
|
|
{{ category.title }}
|
|||
|
|
</label>
|
|||
|
|
</template>
|
|||
|
|
<CategoryChildren
|
|||
|
|
v-for="(child, idx) in category.children"
|
|||
|
|
:category="child"
|
|||
|
|
:key="index + '-' + idx"
|
|||
|
|
:index="String(index + '-' + idx)"
|
|||
|
|
/>
|
|||
|
|
</el-sub-menu>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import CategoryIcon from '@/components/cms/CategoryIcon'
|
|||
|
|
export default {
|
|||
|
|
name: 'CategoryChildren',
|
|||
|
|
components: { CategoryIcon },
|
|||
|
|
props: {
|
|||
|
|
// 栏目
|
|||
|
|
category: {
|
|||
|
|
type: Object,
|
|||
|
|
required: true
|
|||
|
|
},
|
|||
|
|
index: String,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|