Подскажите каким образом можно реализовать следующее:
- рендерю список, у каждой строки есть кнопка "удалить". При клике, в функцию передается id элемента.
- удаление происходит через запрос на api и после удаления список перерендерится.
- пока удаление не произошло - хочу сделать анимацию на кнопке "удалить" или строку сделать с серым фоном. В общем добавить css класс на удаляемый элемент списка
Интересует каким именно образом это лучше сделать. Я делал через v-if : у каждого элемента был параметр "toDelete" : false и вместе с запросом на удаление я менял параметр на true и "v-if" тогда добавлял класс "toDelete"
Но чувствую что можно сделать добавление класса к элементу списка - более проще. Как то получив ссылку на элемент списка и добавляя css клас к DOM а не храня дополнительный параметр рядом с обычными данными.
Грубо :class="{'is-deleted': deleteProcess}
Сергей
sadkos
Грубо :class="{'is-deleted': deleteProcess}
:class="{ isDisabled: site.isDisabled }" так у меня сейчас
sadkos
но думал есть другие варианты
Сергей
:class="{ isDisabled: site.isDisabled }" так у меня сейчас
Тогда не понял зачем в описании ‘v-if‘
sadkos
это я перепутал немного.
Сергей
но думал есть другие варианты
Может еще кто подскажет. Варианты есть, но этот самый тривиальный вроде
roquie
Кто знает, почему при переходе роутером по ссылкам (html5 history mode), вырубается js целиком? Остается только верстка и все остальное не работает вообще
roquie
Обычный vue cli шаблон. Если переходить на прямую, то все работает …
Nikolay
А как вы считаете, развесистый JSON, который приходит из REST API, лучше парсить в api враппере или при загрузке в vuex?
Anonymous
Формируется список <span> через v-for, между <span> нами не хватает пробела врезультате чего они все слипшиеся
Anonymous
подскажите как добавить этот несчастный пробел?
Anonymous
тег < br /> не желателен
Alex
Добавить стилями
ixplo
подскажите как добавить этот несчастный пробел?
span::after {content: ' '; display: inline;}
Anonymous
видимо так и придется да
Anonymous
спасибо
ixplo
Anonymous
Rafael 🌵
подскажите как добавить этот несчастный пробел?
ну ведь можно добавить пробельный символ в конце же
Anonymous
неа
Anonymous
после сборки он куда то девается
Anonymous
я нашел еще v-glue=« « но то то тоже не работает
Anonymous
хм
Anonymous
стоит попробывать
Anonymous
момент
Anonymous
да проканало)
Andrii
Anonymous
оставлю этот вариант
Roman
:)
Anonymous
чото забыл про этот nbsp)
Astr0junk
Коллеги, чот никак не могу врубиться - при оформлении компонента как асинк, код компонента как-то отличается от стандартного экспортирования?
Astr0junk
или достаточно просто у родителя импортирование в компонентах правильно прописать?
Rafael 🌵
Rafael 🌵
а, понял про что ты
Rafael 🌵
нет, не отличается
Astr0junk
https://ru.vuejs.org/v2/guide/components.html#%D0%90%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B
Rafael 🌵
никак не отличается, просто импортишь немного по другому
Astr0junk
то есть
Astr0junk
components: {
'my-component': () => import('./my-async-component')
}
Astr0junk
и все погнали
Astr0junk
?
Rafael 🌵
да
Denys
+
Astr0junk
👍
Lex
кто нибудь на вьюхе работал с <map> <area>?
Andriy
Ребят, кто из вас юзает Lint
Andriy
Есть ли авто исправление в IDE?
Andriy
Под vue-ling-plugin?
Astr0junk
@Fl0pZz так и не смог запустить асинк компоненты
Astr0junk
бабель никак не может победить импорт
ixplo
у меня чото как-то автоматом оно не настроилось :(
Anonymous
Кароч ребят сильвана лучший вождь орды, круче только сам лич
Феликс
знатоки подскажите, хочу собрать приложение vue + leaflet. что лучше использовать для сборки vue cli или webpack?
Игорь
Не думаю, что будет большая разница
Игорь
Там же для leaflet ничего такого с вебпаком не надо делать
Egor
Есть ли авто исправление в IDE?
в VS Code есть eslint.autoFix:
"files.autoSave": "onFocusChange",
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,
"eslint.validate": [ { "language": "vue", "autoFix": true }]
Andriy
WebStorm надо
ℝei
нук эт. тупой вопрос.
https://jsfiddle.net/aqe2o3zy/4/
почему нихуя не работает selected on option field?
Alexey
нук эт. тупой вопрос.
https://jsfiddle.net/aqe2o3zy/4/
почему нихуя не работает selected on option field?
Можно например так, выйти из ситуации. Убрать v-model и отлавливать change https://jsfiddle.net/aqe2o3zy/30/
Vladislav
нук эт. тупой вопрос.
https://jsfiddle.net/aqe2o3zy/4/
почему нихуя не работает selected on option field?
я мб туплю, а а че должно произойти?
Vladislav
:value?
ℝei
https://jsfiddle.net/aqe2o3zy/32/
ℝei
вот тут пофикшено
Arstanbek
Astr0junk
@Fl0pZz конф бабеля переписал - все получилось, на чанки отдельные не рассплитилось, но работает, как минимум
Anonymous
пасаны. не подскажите как во vuetify в v-flex центрировать вложенные v-flex'ы? если внутри родительского флекса вставить v-layout с justify-center, то этот v-layout растягивается на всю ширину страницы
Madiyar
Anonymous
спс
Александр
Как правильно прописать в роутере такой путь? localhost/confirm-email?status= success
Alex
А можно в роуте прописывать гет параметры?
Rafael 🌵
Как правильно прописать в роутере такой путь? localhost/confirm-email?status= success
query параметр попробуй
Александр
query параметр попробуй
get параметры у меня получить получилось с помощью строки
props: (route) => ({ query: route.query.q })
Александр
query параметр попробуй
проблема почему-то с вложенными путями. Все файлы тянутьяс начинют не оттуда