Как поместить компонент VUE JS в попап карты 2gis?

Question

[Айжарык]

Использую VUE для создания и обновления маркеров на карте 2гис, попап добавляю к маркеру через marker.bindPopup(popupContent);
каким образом можно туда положить компонент VUE?

// Если положить туда компонент то он не выводится
marker.bindPopup('<component>');
// а таким способом не биндятся переменные
marker.bindPopup('<component :board="item">');

Comments

[Дархан]

Может странный вариант,но уберите ' '.
Я просто js код в перемешку с html через конкатенацию вставил туда.

[freeExec]

Какая связь между маркеры в leaflet и 2gis, зачем он в тегах?

Answer 1

[0xD34F]

Инициализируйте vue по событию popupopen:

marker.on('popupopen', function(e) {
  new Vue({ el: e.popup._contentNode });
});

Comments

[Айжарык]

Благодарю!

[Виктор Л]

0xD34F ,а как внутри компонента ?

[0xD34F]

Виктор Л, да так же. Но это уже как-то стрёмно начинает выглядеть. Думаю, стоит поискать какую-нибудь готовую обёртку для vue над этими картами, раз уж вы собираетесь использовать vue не только для содержимого попапов.

Answer 2

[Александр Аксентьев]

никак, карты в фрейме со своими скриптами работают и про vue не в курсе вообще.