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

Question

[Comnox]

добрый день, столкнулся с такой проблемой, что при рендере элементов в зависимости от 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,
        })
      );
    },
  },
};

Comments

[Андрей Хохлов]

Зачем же вы в computed такое делаете... В методы вынесите для начала.

[Comnox]

Андрей Хохлов, вроде же в метод вынест именно этот функционал добавления(

[Андрей Хохлов]

Comnox, у computed свойств не должно быть побочных эффектов - они не должны в ходе вычисления менять какие-либо другие свойства.