Size: a a a

Vue.js Russian Developers Community

2020 September 10

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
👍
источник

В

Влад in Vue.js Russian Developers Community
Коллеги, не подскажете. Есть v-chips ктр находится в v-combobox. Мне нужно чтобы если я в этом поле что-то ввиду, он конвертировал это в объект (и далее я другой логикой отправлю это на сервак и там запишется в список). Далее этот список возвращается обратно в combox, но уже будет там изначально
источник

VB

Vadim Bobrov in Vue.js Russian Developers Community
Доброго времени суток, кто нибудь работал с Яндекс картами на Vue.js?
источник

VB

Vadim Bobrov in Vue.js Russian Developers Community
Может кто то может подсказать как на карте поставить метку по геолокации а так же как добавить новую метку динамически
источник

AK

Alex Kharechko in Vue.js Russian Developers Community
Vadim Bobrov
Может кто то может подсказать как на карте поставить метку по геолокации а так же как добавить новую метку динамически
источник

VB

Vadim Bobrov in Vue.js Russian Developers Community
Спасибо, но там к сожалению только отприсовка карты...
источник

AK

Alex Kharechko in Vue.js Russian Developers Community
Vadim Bobrov
Спасибо, но там к сожалению только отприсовка карты...
там же маркер
источник

AK

Alex Kharechko in Vue.js Russian Developers Community
эта метка и есть, причем реактивной компонентой вью
источник

VB

Vadim Bobrov in Vue.js Russian Developers Community
Да, но он тут жестко задан ( а как его по геолокации поставить незнаю
источник

AK

Alex Kharechko in Vue.js Russian Developers Community
в coords позицию если менять огда она будет менять свою позицию,
источник

AK

Alex Kharechko in Vue.js Russian Developers Community
Vadim Bobrov
Да, но он тут жестко задан ( а как его по геолокации поставить незнаю
вот так делаю их в цикле из массива geo, который реактивный
источник

ВГ

Владимир Гомонов... in Vue.js Russian Developers Community
Рафаил Мамедов
@MetaDriver https://codesandbox.io/s/autocomplete-forked-dfue3?file=/src/components/AutoCompleteObject.vue

логика с дивом подложкой. без opacity, но суть одинаковая, с opacity пришлось бы еще стили писать для верного позиционирования.
я там убрал одно присваивание )
в методе селект оно не нужно
// ну и припудрил ещё слегка

https://codesandbox.io/s/autocomplete-forked-s3e9q?file=/src/components/AutoCompleteObject.vue
источник

VB

Vadim Bobrov in Vue.js Russian Developers Community
Alex Kharechko
вот так делаю их в цикле из массива geo, который реактивный
Спасибо большое, я просто второй день только с Vue знакомлюсь
источник

J

Jefferson in Vue.js Russian Developers Community
Всем привет, есть массив обьектов с пользователями, у каждого пользователя есть поле id. Так же есть массив id - все обьекты с данными id нужно исключить из массива. Пытаюсь сделать это так:
for (var i = 0; i < ids.lenght; i++) {
               state.UserData = state.UserData.map(obj =>
                   obj.id === ids[i] ? { obj = {} } : obj
               );
           }
Мб есть какoй-то более элегантный способ?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
спасибо
да, то присваивание было лишним и у меня

но я решил переписать вот так https://codesandbox.io/s/autocomplete-i2itj?file=/src/components/AutoCompleteObject2.vue

теперь внутри компонента по сути нет своего искусственного состояния,
search, editing, focused можно считать продолжением потока уже существующих в браузере данных и присваивние тут это техническая издержка от того, что состояние браузера не реактивно,
т.е. search, editing, focused может изменять только инпут, их прямой источник и никто более, вся остальная логика относится к ним как к потоку

остальной код это преобразования входных данных, без их изменение, единственный выход из компонента это оповещение о запросе на изменение данных

p.s. присваивания локальных переменных не считаем «присваиванием», они тут ислючительно, чтобы код на строки поделить
источник

ВГ

Владимир Гомонов... in Vue.js Russian Developers Community
Рафаил Мамедов
спасибо
да, то присваивание было лишним и у меня

но я решил переписать вот так https://codesandbox.io/s/autocomplete-i2itj?file=/src/components/AutoCompleteObject2.vue

теперь внутри компонента по сути нет своего искусственного состояния,
search, editing, focused можно считать продолжением потока уже существующих в браузере данных и присваивние тут это техническая издержка от того, что состояние браузера не реактивно,
т.е. search, editing, focused может изменять только инпут, их прямой источник и никто более, вся остальная логика относится к ним как к потоку

остальной код это преобразования входных данных, без их изменение, единственный выход из компонента это оповещение о запросе на изменение данных

p.s. присваивания локальных переменных не считаем «присваиванием», они тут ислючительно, чтобы код на строки поделить
ну да, так ещё лучше.  a главное вотчер исчез
красавчег
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Владимир Гомонов
ну да, так ещё лучше.  a главное вотчер исчез
красавчег
спс)
источник

ME

Mochalin Evgeniy in Vue.js Russian Developers Community
Всем привет.
Стартую проект, хочу использовать CSS Modules в Nuxt.
Всё на ура через модуль подцепилось и собирается, но с поддержкой в IDE что-то гурстно
Сейчас меня огорчают такие проблемы:
- не работает автокомплит классов, описанных в style lang="scss" module
- на работает подсветка неиспользуемых стилей (даже без нестинга, даже без препроцессоров)
- не нашёл аналогичного плагина для линтера no-unused-styles

Кто-то использует CSS Modules + Nuxt и может подсказать как это можно решить?
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Mochalin Evgeniy
Всем привет.
Стартую проект, хочу использовать CSS Modules в Nuxt.
Всё на ура через модуль подцепилось и собирается, но с поддержкой в IDE что-то гурстно
Сейчас меня огорчают такие проблемы:
- не работает автокомплит классов, описанных в style lang="scss" module
- на работает подсветка неиспользуемых стилей (даже без нестинга, даже без препроцессоров)
- не нашёл аналогичного плагина для линтера no-unused-styles

Кто-то использует CSS Modules + Nuxt и может подсказать как это можно решить?
Если VS Code, то нужно просто плагины поставить, это вообще не задачи Nuxt
источник

РМ

Рафаил Мамедов... in Vue.js Russian Developers Community
Mochalin Evgeniy
Всем привет.
Стартую проект, хочу использовать CSS Modules в Nuxt.
Всё на ура через модуль подцепилось и собирается, но с поддержкой в IDE что-то гурстно
Сейчас меня огорчают такие проблемы:
- не работает автокомплит классов, описанных в style lang="scss" module
- на работает подсветка неиспользуемых стилей (даже без нестинга, даже без препроцессоров)
- не нашёл аналогичного плагина для линтера no-unused-styles

Кто-то использует CSS Modules + Nuxt и может подсказать как это можно решить?
Vetur + для плагины выбранного языка
источник