@Comnox

Проблема с реактивностью в Vue 3 при рендере элементов в computed?

добрый день, столкнулся с такой проблемой, что при рендере элементов в зависимости от getter-а, элементы на странице не отрисовываются, хотя есть посмотреть через расширение все сразу отрисовывается и значения корректно отображатся, пробывал this.$forceUpdate() - не помогло,
сам код компонента:
computed: {
    ...mapGetters(["bigCardsList"]),
    renderPlacemarks() {
      return this.bigCardsList.length
        ? this.bigCardsList.forEach((city) => {
            this.addNewPlacemark(
              [city.coordinates.latitude, city.coordinates.longitude],
              city.city
            );
            this.map.panTo([
              city.coordinates.latitude,
              city.coordinates.longitude,
            ]);
            this.$forceUpdate();
          })
        : this.map.panTo(this.initCoordinate);
    },
  },
  methods: {
    addNewPlacemark(coordinates, hintContent) {
      this.map.geoObjects.add(
        new ymaps.Placemark(coordinates, {
          hintContent: hintContent,
        })
      );
    },
  },
};
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы