У меня возникли проблемы с обновлением реактивного объекта в проекте Vue.js 3. Я создаю массив google.maps.marker.AdvancedMarkerElement и создаю его следующим образом:
localizaciones.forEach((localizacion) => {
if (localizacion.agrupaciones) localizacion.agrupacionesF = localizacion.agrupaciones.split(",");
const glyphSvgPinElement = new PinElement();
const glyphImg = document.createElement("img");
glyphImg.src = usingIconsStore.setIcon(localizacion.icono);
glyphSvgPinElement.glyph = glyphImg;
const advancedMarker = new AdvancedMarkerElement({
position: {
lat: localizacion.lat!,
lng: localizacion.lng!
},
content: glyphSvgPinElement.element,
title: localizacion.agrupacionesF![0]
});
advancedMarker.setAttribute("agrupacionesArr", localizacion.agrupaciones);
advancedMarker.setAttribute("id", String(localizacion.id));
advancedMarker.setAttribute("icono", String(localizacion.icono));
marcadores.value.marcadores.push(advancedMarker);
google.maps.event.addListener(advancedMarker, "click", async function () {
infoFichaHelper.value = { marcador: advancedMarker, sugerencia: await pedirDetalleEstacion(props.tipoMapa, localizacion.id) }
});
});
где marcadores
— переменная, объявленная следующим образом:
let marcadores = ref<google.maps.marker.AdvancedMarkerElement[]>([])
Затем при первой загрузке мой компонент должен отфильтровать этот массив, чтобы получить избранные. Этот массив пуст. Есть ли способ зарядить этот реактивный массив при первой загрузке?