Чот туплю. Можно ли одновременно проверять обект на пустоту и делать по нему цикл? Типа так <div v-if="options" v-for="option in options">...</div>

Object.keys(options).length

Object.keys(options).length

Спасибо, тут я не сомневался, а вот что одновременно проверка и цикл?

Чот туплю. Можно ли одновременно проверять обект на пустоту и делать по нему цикл? Типа так <div v-if="options" v-for="option in options">...</div>

В случае совместного использования v-if & v-for условие будет проверяться для каждой итерации цикла

https://ru.vuejs.org/v2/guide/list.html#v-for-и-v-if

https://ru.vuejs.org/v2/guide/list.html#v-for-и-v-if

БЧС!

кто поможет с leaflet? как их подружить с vuejs и далее сделать кастомный контрол?

кто поможет с leaflet? как их подружить с vuejs и далее сделать кастомный контрол?

Есть плагин vue-leaflet, я его пользовал

А что конкретно нужно сделать?

Если надо - могу с работы и примером поделиться

надо данные вывести поверх карты

и контроллы

чтобы манипулировать данными

то есть хочу положить карту как бэкграунд, но так чтобы с ней можно было взаимодействовать

Как подружить vue с плагинами jquery, которые создают карусель? Есть вывод картинок товара. Как обычно есть крупная картинка и рядом (ниже, сбоку) остальные картинки товара в уменьшенном виде, по клику на которые они отображаются на месте крупной. Есть готовая вёрстка, где это реализовано на jquery библиотеке slick Теперь когда я вывожу навигационные картики товара, они некорректно отображаются, потому что slick не знает о них, соответственно не строит корректную навигацию. Как это побороть?

“Vue.js 2: как воспользоваться jquery-плагинами” https://medium.com/@modex13/vue-js-2-%D0%BA%D0%B0%D0%BA-%D0%B2%D0%BE%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%D1%81%D1%8F-jquery-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8-4e59280ffdf4

“Vue.js 2: как воспользоваться jquery-плагинами” https://medium.com/@modex13/vue-js-2-%D0%BA%D0%B0%D0%BA-%D0%B2%D0%BE%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C%D1%81%D1%8F-jquery-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%D0%B0%D0%BC%D0%B8-4e59280ffdf4

Спасибо. Вот это я нуб

привет. задача такая: 1. есть домен на котором стоит сервер api (django) к которому я подключаюсь через websocket (channels) 2. есть другой домен с вебмордой на vuejs или не важно на чем. 3. на одной из страничек я логинюсь на сервере api простокак post запрос чтобы сессия создалась. Ключ сессии возвращается после логина и я могу записать его в куки. После чего редирект на страничку с vue приложением и подключением по ws. ВОПРОС, как мне записать в куки мою сессию чтобы она виделась для другого домена? То есть при подключении по ws мне надо чтобы сервер воспринял куки как надо, щас они пустые потому что пишутся для своего домена, на котором работает сервер вебморды. PS Вопрос - Зачем ваще так усложнять? Ответ - сервер API один а вебморда у клиентов будет разная на разных поддоменах или вообще не своих доменах припаркованая. Потому заморочился.

то есть хочу положить карту как бэкграунд, но так чтобы с ней можно было взаимодействовать

данные поверх плагин позволяет, контролы вроде тоже, есть демки у либы (лучше смотреть демки, доки очень плохие)

https://github.com/KoRiGaN/Vue2Leaflet

вот сам плагин

в папке examples в репо есть примеры

за кастомные контролы поверх карты так просто не скажу, есть ли из коробки (их не юзал), но выводить различные данные на карте (маркеры, фигуры, надписи) ты сможешь точно

составляю такую строку для записи в куки aaa=bbb; path=/; domain=.example.com; и собсна пишу в куки document.cookie = "aaa=bbb; path=/; domain=.example.com;" но работает странно. один раз запишет только aaa=bbb а в другой раз ничего. Как правильно сделать то?

за кастомные контролы поверх карты так просто не скажу, есть ли из коробки (их не юзал), но выводить различные данные на карте (маркеры, фигуры, надписи) ты сможешь точно

спасибо! попробую. но честно сказать я его видел и пытался завести но сходу не взлетело. попробую снова

буду рад, если сможем поддерживать связь

да, не вопрос, если будут проблемы - пиши, я с ним относительно много ковырялся

замечательно! благодарю!!!

да, не вопрос, если будут проблемы - пиши, я с ним относительно много ковырялся

я на базе шаблона webpack, ну который vue init webpack prj делаю маркер не отображается по стандартной иконке, только переопределять

что такое может быть*

сейчас скину свой хак, та же фигня была

ага

delete L.Icon.Default.prototype._getIconUrl // https://github.com/KoRiGaN/Vue2Leaflet/issues/39 L.Icon.Default.mergeOptions({ iconRetinaUrl: require('../images/marker-icon-2x.png'), iconUrl: require('../images/marker-icon.png'), shadowUrl: require('../images/marker-shadow.png') })

картинки маркеров пришлось задублировать, решение с issues гитхаба

import L from 'leaflet' забыл ещё дописать, а то мало ли ))

таааак... попробуем

это в mounted прописать, я так думаю?

код

у меня это прописано за пределами vue

import L from 'leaflet' delete L.Icon.Default.prototype._getIconUrl // https://github.com/KoRiGaN/Vue2Leaflet/issues/39 L.Icon.Default.mergeOptions({ iconRetinaUrl: require('../images/marker-icon-2x.png'), iconUrl: require('../images/marker-icon.png'), shadowUrl: require('../images/marker-shadow.png') }) document.addEventListener('DOMContentLoaded', () => { document.getElementById('indoor-areas').appendChild(document.createElement('indoor-areas')) const app = new Vue(IndoorAreas).$mount('indoor-areas') console.log(app) })

а где прописал?

как-то так это выглядит

дак а где код прописан?

у меня в том месте, где я инициализирую само Vue приложение, перед инициализацией

посмотри там issue на гитхабе в комменте, там подробнее описано

что-то там нифига не подробнее))) попробую сейчас потыкаться

а ну все появилось!!!!!!!!!!!!!!!!!!!

как я долго с этой проблемой парился)))

но основную проблему пока не решил... в процессе

спасибо за то, что помог с решением этой проблемы!

не вопрос, спрашивай, попробую помочь

Когда-нибудь встречали, что команда npm install удаляет некоторые пакеты? Причем в package.json упоминание о них осталось.

Когда-нибудь встречали, что команда npm install удаляет некоторые пакеты? Причем в package.json упоминание о них осталось.

не видал такого

Ну может быть на сам npm удаляет, а устанавливаемый пакет за собой чистит...

хотяяя... если пакет один, но версии разные и они не совместимы, а пакет А зависит от Б 1.0 и ты ставишь пакет В, который зависит от Б 5.0 то может и произойдет такое

надо пробовать

не вопрос, спрашивай, попробую помочь

в примере открыто не написано что можно добавлять контролы свои по-простому

:(

под своими контролами ты имеешь ввиду кнопочки поверх карты?

ага, и инпуты и надписи всякие

надписи можно привязывать к самому маркеру

в виде попапов

сейчас покажу что мне надо

давай ) я, допустим, контекстное меню пилил своё, которое отображается по клику поверх карты

с кнопками и инпутами я это так же представляю

хотя не уверен, может в базовом leaflet (который не vue) можно это делать из коробки

https://www.figma.com/file/AZSAaiqPE7yF1tfKn46mDc/track3

вот такую херню надо сделать

ну это я криво-косо нарисовал, чтобы заказчику показатьб

я поводил мышкой, видел?

ну вот эти все окошки поверх (с драг енд дропом, с инпутами вверху и с инфой) - это всё нужно пилить отдельными компонентами

и отображать их поверх карты

сам leaflet точно в такое не сможет

drag-and-drop не надо)

только формочки

ну не в этом суть

смотри, ты пилишь отдельно компоненты каждого из этих элементов

потом в контейнере инклудишь все эти компоненты и отображаешь там, где тебе надо

но по факту рабочая зона карты, как ты видишь, все равно - середина

двустороннее связывание далее должно синхронизировать всё за тебя )