Componente para poner una página de error, ya sea a pantalla completa o no:
import fwjsError from '@/app/shared/components/fwjsError.vue'; |
Lo utilizaremos de forma condicional:
<fwjsError v-if="mostrarError" /> |
Por defecto está en modo pantalla completa, se sitúa en el centro, tendremos que jugar con v-if y v-else, pues si sólo ponemos fwjsError pero no quitamos el fondo, se mostrará encima. Se puede cambiar el título y el texto que se muestra, por defecto son los de la imagen de arriba.
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| icono | String | "fad fa-exclamation-triangle" | Icono que se muestra. |
| titulo | String | "algo ha fallado" | Título, lo que se muestra después de "Error: ". |
| texto | String | "No se ha podido acceder a la página, inténtelo más tarde. Si el error persiste, contacte con ÁTICA a través de alguna de las vías que se indican aquí." | Texto que se muestra. También hay disponible un slot para personalizarlo como se quiera. |
| inline | Boolean | false | A pantalla completa (false) o en el lugar que se indique en el template (true). |
texto: para personalizar el contenido que se muestra en el texto.
<fwjsError v-if="showError">
<template #texto>
...
...
...
</template>
</fwjsError> |