expanded: true
- не работает даже хардкодом. В чём причина не знаю.
Нужно чтобы при нажатии на пункт меню в котором есть вложенные пункты они сразу отображались. Сейчас primevue подставляет треугольник, на который надо нажать чтобы отобразились подпункты, это жутко неудобно..
<template>
<Tree :value="nodes" class="mw-[300px] bg-white transition-all relative">
<template #default="slotProps">
<b>{{ slotProps.node.label }}</b>
</template>
<template #url="slotProps">
<a :href="slotProps.node.data">{{ slotProps.node.label }}</a>
</template>
</Tree>
</template>
<script lang="ts" setup>
import Tree from 'primevue/tree';
import { ref } from 'vue';
const nodes = ref([
{
label: 'Меню',
data: '/admin',
type: 'url',
},
{
key: '0',
label: 'Маркетинговые акции',
data: '/promotions',
type: 'url',
expanded: true,
children: [
{ key: '0-0', label: 'Промокоды', data: '/promocodes', type: 'url' },
{ key: '0-1', label: 'Скидки', data: '/discounts', type: 'url' },
]
},
{
key: '1',
label: 'Книги',
data: '/books',
type: 'url',
children: [
{ key: '1-0', label: 'Авторы', data: '#', type: 'url' },
{ key: '1-1', label: 'Серии', data: '#', type: 'url' },
]
}
]);
</script>