Página con menú:

Import

import fwjsPageWithMenu from '@/app/shared/components/fwjsPageWithMenu.vue';

Uso

Lo utilizaremos como primer elemento en nuestra vista, y tiene dos slots, uno (menu) para los enlaces (router-link) que formarán el mneú, y otro (content) para el contenido de la página.

<template>
  <fwjs-page-with-menu v-bind:title="$t('mis_recibos_titulo')">
    <template v-slot:menu>
      <router-link :to="{ name: 'MisRecibos' }">
        {{ $t("mis_recibos_consulta") }}
      </router-link>
      <router-link :to="{ name: 'MisRecibos-NuevoRecibo' }">
        {{ $t("mis_recibos_nuevo") }}
      </router-link>
    </template>
    <template v-slot:content>
		<h1>Muchas tardes y buenas gracias</h1>
    </template>
  </fwjs-page-with-menu>
</template>

Props

PropTipoDefaultDescripción
titleString
Título del menú
fullPageBooleanfalseA pantalla completa
orientationString'left'Lugar en el que se muestra el menú (left, top, right, bottom)

Slots

  • menu: enlaces del menú.
  • content: contenido de la página.
  • Sin etiquetas