Size: a a a

Vue.js Russian Developers Community

2020 December 29

Д

Дима in Vue.js Russian Developers Community
kentforth
Подскажите пожалуйста насчет SASS. НЕ применяется файл .scss с глобальными стилями во Vue 3.

Имеется файл конфига vue.config.js. В нем прописаны настрйоки для sass вот так:
css: {
   loaderOptions: {
     sass: {
       additionalData: `
         @import "@/assets/scss/styles.scss";        
       `
     }
   }
 }

в файле styles.scss я импортировал другие файлы scss вот так:
@import "global";
@import "variables";
@import "fonts";

почему-то стили из файла global.scss не применяются. Не подскажите, как можно точно это настроить?
точно не отвечу может пути не верные в styles.scss  попробуйте @import "./global.scss" или относительно проекта
источник

k

kentforth in Vue.js Russian Developers Community
я когда прописываю пути к файлам scss в файле global у меня среда автоматически их находит и подсвечивает
источник

A

Art in Vue.js Russian Developers Community
Подскажите как можно лаконичней всего реализовать такой функционал: допустим есть меню, пункты которого рендерется через v-for, и соответственно на каждом пункте есть обработчик клика который должен открывать или скрыть подменю через v-show. Можно ли как-то передавать булевое значение только в нужный мене v-show, а не во все которые рендерятся с v-for
источник

Д

Дима in Vue.js Russian Developers Community
kentforth
я когда прописываю пути к файлам scss в файле global у меня среда автоматически их находит и подсвечивает
а там точно нужно sass в loaderOptions ? а не scss ?
источник

Д

Дима in Vue.js Russian Developers Community
Art
Подскажите как можно лаконичней всего реализовать такой функционал: допустим есть меню, пункты которого рендерется через v-for, и соответственно на каждом пункте есть обработчик клика который должен открывать или скрыть подменю через v-show. Можно ли как-то передавать булевое значение только в нужный мене v-show, а не во все которые рендерятся с v-for
<item v-for="item in items"  @click="opentCurrentItem(item)" />
А дальше в методе ставите текущему item.isActive = true
источник

k

kentforth in Vue.js Russian Developers Community
Дима
а там точно нужно sass в loaderOptions ? а не scss ?
во многих туториалах конфиг лежит в loaderOptions
источник

аe

артур ear in Vue.js Russian Developers Community
Доброго времени суток, подскажите есть ли у Vue библиотека или плагин, что позволит при работе скролла переходить к якорю следующего или предыдущего элемента в зависимости от направления скролла?
Что-то гуглится только базовая фича с анимациями во Vue.
источник

k

kentforth in Vue.js Russian Developers Community
Дима
а там точно нужно sass в loaderOptions ? а не scss ?
оказывается нужно ещё в файле main.js(main.ts) импортировать файл styles.scss
import "./assets/scss/styles.scss";
и оно роаботает)
источник

T

Thomas in Vue.js Russian Developers Community
What's the best approach to refactor axios calls in vuejs?
источник

AM

Alexandr Mironenko in Vue.js Russian Developers Community
Доброе время уважаемые коллеги, всех с наступающими праздниками.
Прошу у вас помощи:
Задача в том чтобы создавать репорт который можно скачать в формате pdf либо отправить на печать, кто знает интересные либы ?
window.print() не подходит
источник

АП

Андрей Полевой... in Vue.js Russian Developers Community
артур ear
Доброго времени суток, подскажите есть ли у Vue библиотека или плагин, что позволит при работе скролла переходить к якорю следующего или предыдущего элемента в зависимости от направления скролла?
Что-то гуглится только базовая фича с анимациями во Vue.
Плагин хз, но это ж просто...
Повесился на скролл, и роутером переходишь...
источник

аe

артур ear in Vue.js Russian Developers Community
Андрей Полевой
Плагин хз, но это ж просто...
Повесился на скролл, и роутером переходишь...
Можно и без роутера и нет, это не так просто как вы говорите.
Мне надо будет отключить стандартный скроллинг, при этом еще фиксировать направление скролла, т.е. чел скроллит вверх или вниз и в зависимости от направления скролла производить переход к следующему/предыдущему блоку с контентом, а это значит еще и приплетается логика с состоянием...
источник

АП

Андрей Полевой... in Vue.js Russian Developers Community
Рассчитать направление скрола не проблема
источник

АЗ

Алексей Забайкальски... in Vue.js Russian Developers Community
артур ear
Можно и без роутера и нет, это не так просто как вы говорите.
Мне надо будет отключить стандартный скроллинг, при этом еще фиксировать направление скролла, т.е. чел скроллит вверх или вниз и в зависимости от направления скролла производить переход к следующему/предыдущему блоку с контентом, а это значит еще и приплетается логика с состоянием...
погуглите one page scroll
источник

аe

артур ear in Vue.js Russian Developers Community
Алексей Забайкальский
погуглите one page scroll
Спасибо, не знал как фича называется)
источник

аe

артур ear in Vue.js Russian Developers Community
Андрей Полевой
Рассчитать направление скрола не проблема
Проблема - изобретать велосипед)
источник

АП

Андрей Полевой... in Vue.js Russian Developers Community
У тебя всегда есть scrollTop, соответственно увеличися крутим вниз, уменьшился вверх.
Отключить стандартный - preventDefault()
Остается найти ближайшую ссылку и $router.push(target)
источник

Д

Дима in Vue.js Russian Developers Community
Alexandr Mironenko
Доброе время уважаемые коллеги, всех с наступающими праздниками.
Прошу у вас помощи:
Задача в том чтобы создавать репорт который можно скачать в формате pdf либо отправить на печать, кто знает интересные либы ?
window.print() не подходит
Я использовал
https://pptr.dev/
Но мне нужно было дожидаться когда всё подгрузится и рассчитается.... Делал для рассылок всяких графикоф и статистики клиентам
источник

Kb

Kostya bah in Vue.js Russian Developers Community
Кто-то может объяснить что за дичь во vuetify <v-slide-item>?
источник

Д

Дима in Vue.js Russian Developers Community
артур ear
Проблема - изобретать велосипед)
Это не проблема, это прокачка навыков)
источник