fix: add drawer menu id

This commit is contained in:
puriphatt 2024-11-01 10:02:53 +07:00
parent 9a7fa89f93
commit 7debc4ff1a

View file

@ -216,6 +216,8 @@ onMounted(async () => {
<template v-for="(menu, i) in menuData" :key="i"> <template v-for="(menu, i) in menuData" :key="i">
<q-expansion-item <q-expansion-item
v-if="!menu.hidden" v-if="!menu.hidden"
:id="menu.label"
:for="menu.label"
dense dense
:model-value="menuActive[i]" :model-value="menuActive[i]"
expand-icon-class="no-padding" expand-icon-class="no-padding"
@ -277,6 +279,7 @@ onMounted(async () => {
!sub.disabled && navigateTo('', sub.route); !sub.disabled && navigateTo('', sub.route);
} }
" "
:id="`sub-menu-${sub.label}`"
> >
<span style="white-space: nowrap"> <span style="white-space: nowrap">
{{ $t(`${menu.label}.${sub.label}`) }} {{ $t(`${menu.label}.${sub.label}`) }}
@ -296,6 +299,7 @@ onMounted(async () => {
:class="{ 'q-mt-sm': i === 0, 'sub-menu': !sub.disabled }" :class="{ 'q-mt-sm': i === 0, 'sub-menu': !sub.disabled }"
style="border-left: 2px solid var(--surface-tab)" style="border-left: 2px solid var(--surface-tab)"
@click="!sub.disabled && navigateTo('', sub.route)" @click="!sub.disabled && navigateTo('', sub.route)"
:id="`sub-menu-${sub.label}`"
> >
<nav <nav
class="row items-center no-wrap" class="row items-center no-wrap"