Tengo la siguiente clase. Las funciones de la clase no se asignan a la propiedad de datos 'this.gridFilter' cuando se instancian. Estoy llamando a 'gridFilter.set' al hacer clic en el elemento de la lista que no se activa y aparece el siguiente error en la consola 'No se pueden leer las propiedades de undefined (leyendo '_withTask')' y nada funciona. Esto sucede solo cuando llamo a la función 'establecer' desde el objeto instanciado. ¿Cómo puedo llamar a las funciones de clase desde el archivo Html? Por favor ayuda

 class GridFilters { constructor(grid) { this.grid = grid; this.filterError = false; this.isShow = false; this.currentFilter = ''; this.filters = {}; } async loadFilters() { const query = `?$select=*&$filter=mastertable eq ${window.parent.Xrm.Page.data.entity.getId().replace(/[{}]/g, "")}&$orderby=ice_name asc`; this.filters = await window.parent.Xrm.WebApi.retrieveMultipleRecords('filters', query); return this.filters; } async set() { const grid = this.grid; grid.$refs.overlay.classList.remove('customgrid-modal-hidden'); grid.$refs.filter.classList.remove('customgrid-modal-hidden'); } } export default { data() { return { gridFilter : {}; }; }, methods: {}, created () { this.gridFilter = new GridFilters(this); } };

//html

 <li><a v-on:click="gridFilter.set"><img src="../Images/ICE.Filter.svg" title="Filter" /><span>Filter</span></a></li>