Me enfrento a la siguiente dificultad:

Estoy llamando a un componente (ListView) dentro de otro componente, pasando algunas propiedades.

La primera vez que se procesa el componente, pasa por el enlace Creado, donde obtengo información para pasar a los accesorios de ListView.

La segunda vez que lo renderizo, no se crea la llamada, por lo que los datos se vacían en ListView.

Necesito que funcione de esta manera, porque estoy construyendo mi menú dinámico, así que cuando cambio el menú, tiene que pasar por el componente y cambiar sus propiedades.

¿Cómo puedo proceder?

Intentos: 1 - Usando :key 2 - forceUpdate

ambos fallidos

(Perdón mi ingles es malo)

Dispositivos.vue

 <div > <ListView :key='$route.name' :domainName="domainName" :metadataName="metadataName" :entityList="entityList" :metadataList="metadataList" :showBooleanAsFlag="true" :showButtonAddEntity="true" /> </div> </template> <script> import restService from "../../services/restService" import ListView from "../../components/ListView/ListView.vue"; import {getCapitalizeFirstLetter} from '@core/utils/utils' export default { components: { ListView, }, data() { return { metadataName: '', domainName: '', metadataList: [], allMetadata: [], entityList: [], }; }, methods: { print(data){ console.log('PRINT ', data) }, async loadSettings(){ var arrayOfRoute = this.$route.name.split('-'); this.domainName = getCapitalizeFirstLetter(arrayOfRoute[1]) this.metadataName = getCapitalizeFirstLetter(arrayOfRoute[2]) await restService.getMetadata(this.domainName, this.metadataName ).then((response) => { this.metadataList = response.data.result.metadata; }); await restService.getEntity(this.domainName, this.metadataName).then((response) => { this.entityList = response.data.result.entity; }); } }, watch:{ async '$route' (to, from){ console.log('WATCH!!!') this.loadSettings(); } }, created(){ console.log('CREATED!!!') this.loadSettings(); } }; </script> <style lang="scss"> </style>