Vue js. Инициализировать компонент по клику?

Question

[Кирилл Ушаков]

Есть скрытый блок, с компонентом, открывается по требованию пользователя. И есть одна проблемка, компонент содержит Гугл карты, которые в скрытом блоке не инициализируются. Если блок изначально видим, то все ок.
Как инициализировать, или обновить компонент по клику?

Comments

[Степан Крапивин]

что мешает инициализировать карты при показе компонента?

var gmap = new google.maps.Map(
  document.getElementById('gmap'),
  mapOptions
);

[Кирилл Ушаков]

Потому что вся логика уже заложенная в компонент. Вставляешь на страницу, а-ля <vue-google-map :coords=[lat, lng] /> и дальше все само.

А так, api гугловскию знаю наизусть.

Answer 1

[Nikita Velko]

Через $ref взять компонент и вызвать $forceUpdate()?

Типа:

<vue-google-map ref="map" :coords=[lat, lng] />
...
methods: {
  reinitMap() {
    this.$refs.map.$forceUpdate();
  }
}