Здравствуйте, к примеру есть список магазинов, который получаю ajax запросом, затем в таблице при нажатии на кнопку подробнее должно появиться модальное окно с описание магазина и яндекс или гугл картой где этот магазин находиться.
Что бы получить данные по конкретному магазину отправляю ajax запрос с id выбранного магазина.
Вопрос №1: Модальные окна лучше делать компонентом?
Вопрос №1.1: Как в таком случае передать данные которые пришли в окно?
Вопрос №2: Как внутри vue получить данные для карты?
methods: {
// Модальное акно
open: function(){
axios.get("{% url 'proxy:ajax_magazin' %}",{
headers: {
'X-Requested-With': 'XMLHttpRequest'
},
params: {
id: this.selecId
}}).then((response) => {
this.modals = response.data
}).catch(function (error) {
this.selected = error;
});
ymaps.ready(function(){
var map = new ymaps.Map("map", {
center: [this.lat, this.lon],
zoom: 7
});
});
this.active = true
},
close: function(){
this.active = false
}
}
Вот данные которые приходят
"modals": [
{
"country": "Bangladesh",
"city": "Tangail",
"lat": "24.25",
"lon": "89.916672",
"gmt": "6.0",
"update": null,
"created": "2017-08-07T07:37:01.109197Z",
"online": null,
}
],
Как получить данные типа this.modals.lat?
ymaps.ready(function(){
var map = new ymaps.Map("map", {
center: [this.modals.lat, this.modals.lon],
zoom: 7
});
});
Средний
