Soy novato y necesito ayuda. Creé una clase y quiero inicializar mi propiedad de datos 'Filtros' en la función creada con el valor devuelto por el constructor de la clase 'Filtros'. Sin embargo, como estoy llamando a un webapi asíncrono, no devuelve nada a mi propiedad. ¿Cómo puedo lograr esto usando la clase?
<script> export default { data() { return { Filters : []; }; }, methods: {}, created () { this.Filters = new Filters(); // returns promise pending } }; class Filters { constructor() { this.filters = this.loadFilters(); } async loadFilters () { const query = `?$select=*&$filter=_new_table_value eq ${window.parent.Xrm.Page.data.entity.getId().replace(/[{}]/g, "")}&$orderby=ice_name asc`; var result = await window.parent.Xrm.WebApi.retrieveMultipleRecords('ice_filterstable', query); console.log(result); // this does return values return result; } }Primero, no debe asignar una operación asíncrona en el constructor de clase, sería mejor usar la función asíncrona de loadFilters directamente.
class Filters { constructor() {} async loadFilters () { const query = `?$select=*&$filter=_new_table_value eq ${window.parent.Xrm.Page.data.entity.getId().replace(/[{}]/g, "")}&$orderby=ice_name asc`; var result = await window.parent.Xrm.WebApi.retrieveMultipleRecords('ice_filterstable', query); console.log(result); // this does return values return result; } } Y luego, en el ciclo de vida created , puede ejecutar la función loadFilters .
async created () { const filters = new Filters(); // returns promise pending this.Filters = await filters.loadFilters() }