Медом что ли им тут намазано?

Растет популярность фреймворка, наверно)

Растет популярность фреймворка, наверно)

Работа бы так ещё росла :|

а каким бойлерплейтом вы пользуетесь? всегда брал webpack-simple, сейчас взял просто webpack и мне кажется он слишком перегружен

а каким бойлерплейтом вы пользуетесь? всегда брал webpack-simple, сейчас взял просто webpack и мне кажется он слишком перегружен

вторым

а каким бойлерплейтом вы пользуетесь? всегда брал webpack-simple, сейчас взял просто webpack и мне кажется он слишком перегружен

Смотря для чего

а каким бойлерплейтом вы пользуетесь? всегда брал webpack-simple, сейчас взял просто webpack и мне кажется он слишком перегружен

Никаким) прям так с вебпаком пилим

https://youtu.be/kbQ4AN3X0NY

это конено оффтоп, но это феерично)

это конено оффтоп, но это феерично)

/бан

+

Ну Алексу можно

без его переводов вы какашки )

Рафик разрешил)

а шрифты прямо в index.html подключаете?

в fonts.css

а он в static?

Кстати, да. Надо бы это дело в static перенести

Всем добрый ночер) Пытаюсь сообразить как тайм пикер запилить такой. http://f5.s.qip.ru/lipRbmah.png Как лучше сделать архитектурно? Там будут с сервака прилетать доступные моменты времени. Мне надо заблокировать все что недоступно. Ну и клик словить по выбранному элементу. Думаю вот массив завести и по нему проверки делать или просто for-ами рисовать, но как ловить на что нажали не оч понимаю. У кого какие мысли? какие варианты лучше?

Ну мне видится это компонент на кнопку, компонент на строку часа и компонент на все строки часов. Сверху прокидывается период когда заблокированы, на уровне строк уже прокидывается дальше если подходит. Каждой кнопке уже прилетает конкретно true/false заблокировано или нет

там несколько периудов недоступности.

а для чего такая декомпозиция компонентов?

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

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

я про то что зачем строки в компоненты? почему не лучше 2 уровня: пикер и кнопки

Да хоть как можно) можно столбиками разбить, можно не разбивать даже так сильно))) как нравится

понял)

пасиб

Всем добрый ночер) Пытаюсь сообразить как тайм пикер запилить такой. http://f5.s.qip.ru/lipRbmah.png Как лучше сделать архитектурно? Там будут с сервака прилетать доступные моменты времени. Мне надо заблокировать все что недоступно. Ну и клик словить по выбранному элементу. Думаю вот массив завести и по нему проверки делать или просто for-ами рисовать, но как ловить на что нажали не оч понимаю. У кого какие мысли? какие варианты лучше?

>Мне надо заблокировать все что недоступно. А это откуда инфа берется?

с сервака прилетает.

все что разблокированно. остальное лочим)

Мне кажется, я бы просто v-for прошелся по массиву, добавил бы метод для отлова нажатия и условие для отображения блокировки

ага. щас так и сделано. http://f2.s.qip.ru/lipRbmai.png

правда ен понимаю как отловить куда тыкнули. что передать)

в pickTime

время? :)

m и h

))) так... кажется надо идти спать)))

:D

а я сижу голову ломаю как тег small передатьв функцию и распарсить))

В принципе

Если нужно больше гибкости, можно выделить в отдельный компонент и сделать через render функцию

Но это так, "по вкусу"

ага. щас так и сделано. http://f2.s.qip.ru/lipRbmai.png

Скобки то зачем в клике

Кнопка вместе с событием сама может эмиттить время своё

только учусь)

на автомате воткнул)

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

ага. а тут всплывает следующий ребус. А как клас "active" добавить к нажатой кнопке а у всех остальных убрать?

Без декомпозиции на компоненты каким-нибудь большим и страшным условием ?

)))

а. есть же выбранное значение в переменной. тощняк.. займусть страшным условием)) на тру вэй уже веремни не остается))

Кто-нить знает курсы про svg? Что-то типо как egghead?

есть кто неспящий? )

ну допустим

<div class="city" v-for="city in cities"><a v-bind:href="{{ city.url }}">{{ city.title }}</a></div> В этом коде получается лажа (скрин)

в чем бок?

Убери скобки фигурные

Внутри v-bind пишется чистый js

<a v-bind:href="'@' + city.url">@{{ city.title }}</a> Вот так крч

спс, помогло )

вот код: new Vue({ el: '#cities-list', components: { 'vue-scrollbar': require('vue2-scrollbar') }, data: { cities: [] }, mounted() { this.cities = citiesData.map(city => { return { url: `${location.href}?#city_id=${city.id}`, title: city.title }}); debugger; console.log(this.cities); }, }); и вывод <vue-scrollbar class="dropdown"> <div class="city" v-for="city in cities"><a :href="city.url">@{{ city.title }}</a></div> </vue-scrollbar>

data должен быть функцией

ERROR: S client not available

data: function() { return { вот тут все барахло } }

Это не обязательно

хм... это ж не компонент я делаю, а объект Vue...

*****, на функциональные компоненты нельзя миксовать классы (что логично)... И как я раньше с этим не столкнулся

*****, на функциональные компоненты нельзя миксовать классы (что логично)... И как я раньше с этим не столкнулся

в смысле?

в смысле?

https://jsfiddle.net/c01nd01r/187f5j68/3/

ок, там в компоненте опция есть для классов (classes, вроде). Компонент я взял из npm, как мне его нормально прикрутить?

ок, там в компоненте опция есть для классов (classes, вроде). Компонент я взял из npm, как мне его нормально прикрутить?

завтра (сегодня) может посмотрим. Я уже ниче не вижу

ок :)

как можно удержать фокус в низу страницы?

таблица находится внизу экрана, как только я добавляю в него новую строку, фокус падает на верх страницы... приходится скролить вниз ее

как удержать фокус на последним row

как удержать фокус на последним row

После апдейта скролить. Например https://git.io/v9kXW

можно еще пример, не совсем понял.

Документацию в зубы

Есть лайфцикл метод updated, который вызывается Called after a data change causes the virtual DOM to be re-rendered and patched. @docs https://vuejs.org/v2/api/#updated Как только твоя таблица обновиться, то нужно проскролить контейнер на его высоту обновившейся таблицы, tablebox.scrollTop = tablebox..scrollHeight https://developer.mozilla.org/ru/docs/Web/API/Element/scrollTop

Документацию в зубы

У нас тут уютный чатик. Можно было хотя бы раздел уточнить) в гугл и доки всегда послать можно

уютный для нубов, читающие наискосок только руские доки )))

У нас тут уютный чатик. Можно было хотя бы раздел уточнить) в гугл и доки всегда послать можно

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

P.s я тут со 120 человек сижу и сам обожаю этот канал за ламповость, аналогов не видел)

уютный для нубов, читающие наискосок только руские доки )))

Для всех уютный, а русские доки всё же отчасти уменьшают количество вопросов здесь

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

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

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

Спасибо за предложение, с радостью подниму этот навык)

P.s я тут со 120 человек сижу и сам обожаю этот канал за ламповость, аналогов не видел)

Просто показалось значит) никаких претензий не имею

Спасибо за предложение, с радостью подниму этот навык)

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

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

Ребзь, а напомните, как сделать реекспорт функции из модуля?

export * from …; export { name1, name2, …, nameN } from …; export { import1 as name1, import2 as name2, …, nameN } from …;

Хм, похоже на то что нужно, пасиба?