Para dejar tu url estática, ejemplo "miapp.com/home", llamadas algunas veces "single page", la forma para pasar parámetros, sin unsar vuex, de componentes padre a hijo y viceversa se debe utilizar las
propiedades de vue.
Pasaremos del componente hijo cliente-contacto el parametro del cliente y le diremos que cambie de componente a factura-cliente
En la vista del componente por ejemplo vista_cliente_contacto.vue
usaremos
$emit el cual es reservado y emite la información a su padre.
getFacturas:function($id) {
this.$emit('id_cli',$id)
this.$emit('menu',32)
},
ARCHIVO PADRE template.blade.php
Dentro del código tenemos un menú dinámico, y del componente cliente-contacto recibe el menu y id_cli dependiendo del $event que reciba es donde lo guarda, a de cliente-contacto pasarle el id_cli (el id del cliente) y el menu, para que se cambio en el componente padre
....
data(){
return{
id_cli:'',
menu:''
}
}
..............
<template v-if="menu == 31">
<cliente-contacto :menu="menu" @id_cli="id_cli = $event" @menu="menu = $event"></cliente-contacto>
</template>
<template v-if="menu == 32">
<factura-cliente :id_cli="id_cli" :menu="menu"></factura-cliente>
</template>
En la vista del componente factura-cliente recibimos la propiedad con
props donde queda definido, para ser utilizado...
<template>
...
</template>
<script>
export default {
data() {
return {}
}
,
props: ['id_cli']
<scriptt>
Espero les sirva...
Saludos
