nathalie/pedi2
3
3
Fork 1
Code Issues Pull requests 1 Projects Releases Wiki Activity

Migas simplificadas por renderizarse solo despues de que el pedido se defina

Browse source
This commit is contained in:
Alejandro Tasistro 2025-05-27 19:21:20 -03:00
parent 1eb77be1d0
commit c8d1969352
1 changed files with 11 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
resources/js/components/pedidos/NavMigas.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<nav v-if="pedidoDefinido" class="breadcrumb is-centered has-background-danger-light is-fixed-top" <nav class="breadcrumb is-centered has-background-danger-light is-fixed-top"
aria-label="breadcrumbs" v-show="visible"> aria-label="breadcrumbs" v-show="visible">
<ul class="mt-4"> <ul class="mt-4">
<li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i === migaActiva}"> <li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i === migaActiva}">
@ -11,33 +11,26 @@
</template> </template>
<script> <script>
import { mapActions, mapGetters, mapMutations, mapState } from "vuex"; import { mapActions, mapMutations, mapState } from "vuex";
export default { export default {
methods: { methods: {
...mapActions('productos',["getProductos"]), ...mapActions('productos', ["getProductos"]),
...mapActions('ui',["clickMiga"]), ...mapActions('ui', ["clickMiga"]),
...mapMutations('ui',["addMiga"]), ...mapMutations('ui', ["addMiga"]),
}, },
computed: { computed: {
...mapState('ui',["migas"]), ...mapState('ui', ["migas"]),
...mapGetters('pedido',["pedidoDefinido"]),
visible() { visible() {
return this.migas.length > 0 return this.migas.length > 0;
}, },
migaActiva() { migaActiva() {
return this.migas.length - 1 return this.migas.length - 1;
}, },
pedido() {
return this.pedidoDefinido
}
}, },
watch: { mounted() {
pedido(newValue) { this.addMiga({ nombre: 'Categorias', action: 'productos/getProductos' });
if (newValue) },
this.addMiga({ nombre: 'Categorias', action: 'productos/getProductos' });
}
}
} }
</script> </script>