
Дмитрий
31.07.2018
16:18:34


Furrya
31.07.2018
16:18:43
Как правильно передать свойства из объекта data в шаблон компонента роутера?
Например, у меня есть свойство header.menuVisible в объекте data и оно имеет булев тип. Когда оно равно true, то это значит, что меню сайта развёрнуто и видно пользователю и он может с ним взаимодействовать, а когда false, то, соответственно, его не видно и для его открытия нужно нажать кнопку. Само свойство реактивное. Как правильно передать это свойство в компонент? И так, чтобы при изменении его значения меню также открывалось и скрывалось при true и false соответственно
А что роут компонент чем то отличается от не роут компонента?
Есть еще eventBus
Есть state (aka vuex)
Вы прям что то вроде резолвера для роута как в ангуляре хочите
в вуе все проще
Вам то всего навсего нужно toggle smth сделать
Если кнопка хз где, то вон eventBus, vuex

Valentin
31.07.2018
16:18:43
Open source - а ссылку на репозиторий можно?

Aleksandr
31.07.2018
16:18:47

Google

Aleksandr
31.07.2018
16:18:56
все, на сегодня хватит))))

Дмитрий
31.07.2018
16:19:32

Stanislav
31.07.2018
16:22:51
Вакансии в @javascript_jobs

Дмитрий
31.07.2018
16:24:32

Ivan
31.07.2018
17:08:02

James
31.07.2018
17:39:47
кто нибудь сталкивался с разным поведением при mouseEvent и touchEvent?

Alex
31.07.2018
17:41:05
а оно должно быть одинаковым?

James
31.07.2018
17:41:50
ноуты с сенсорным дисплеем

Alex
31.07.2018
17:42:21
нахер такие ноуты)

James
31.07.2018
17:42:29
причем mouseEvent работает как тач а тач как маунт

Alex
31.07.2018
17:42:35
я недавно только бился лбом об поддержку их
проще не поддерживать пока апи не сделают нормалное

Google

Дмитрий
31.07.2018
17:42:48

James
31.07.2018
17:43:29
самое смешное что на тач эвент нормальное поведение а на мауз как раз ненормальное

Alex
31.07.2018
17:43:51
и нет нормальных признаков - что это гибрид очередной
normalizer вон забили на попытки угадать
тьфу modernizr
в лоб решение - отдельно детектить поддержку hover'а
и отдельно слушать появление первого touch ивента
и врубать поддержку по этим флагам

James
31.07.2018
17:45:34
так прикол в том что тач работает нормально
а вот мауз не работает

Bear
31.07.2018
17:47:08
Как сказал главред smashing "Да, сайт может выглядеть плохо на айфонах икс при повороте экрана набок, потому что кусок контента закрывает эта новая чёлка, но кого это волнует? Пользователей, которые смотрят в ландшафтной ориентации с айфона меньше 2%, с последней модели и того меньше, поэтому мы специально для них ничего делать не стали."
Не дословно, но что-то очень схожее он говорил про редизайн смешинга
И у вас аналогичная ситуация - никто не смотрит сайт с сенсорных ноутов. Забейте.

James
31.07.2018
17:48:48
да мы бы забили просто у клиента как раз такой ноут:)

Bear
31.07.2018
17:49:40

James
31.07.2018
17:50:44
да уже так и решили
кстати раз уж такой разговор если отключить сенсор поведение станет стандартным или нет? кто нибудь пробовал?

Grigorii
31.07.2018
18:08:37
Добрый день.
input[type=checkbox]
:true-value='1'
:false-value='0'
@change='func'
func(event) {
Как тут получить true-value / false-value ?
}
event.target.value что-то совсем не то даёт

Kylych
31.07.2018
18:13:35
Передавай в func $event

Grigorii
31.07.2018
18:15:41
если передать функцию в @change, то event там и так будет, отдельно надо, если бы было
@change='func(someArg, $event)'
event есть, просто event.target.value всегда равен 'on'.
Знаю, что можно event.target.checked, то надо true-value | false-value

Google

Kylych
31.07.2018
18:21:14
The true-value and false-value attributes don’t affect the input’s value attribute, because browsers don’t include unchecked boxes in form submissions. To guarantee that one of two values is submitted in a form (e.g. “yes” or “no”), use radio inputs instead.
https://vuejs.org/v2/guide/forms.html#Checkbox-1

Stanislav
31.07.2018
18:25:42

БОГАТЫРЪ
31.07.2018
18:49:26
привет всем, как разбить скрипты для каждой страницы?
Для каждой страницы отдельный vue с vue-router(app.js)?
P.S: Асинхронные компоненты прочитал чет не допер.

Furrya
31.07.2018
18:50:24

БОГАТЫРЪ
31.07.2018
18:52:15

Stanislav
31.07.2018
18:55:16

БОГАТЫРЪ
31.07.2018
18:56:04

Stanislav
31.07.2018
18:56:24

БОГАТЫРЪ
31.07.2018
18:56:52
т.к если я дальше пойду делать разработку файл app.js станет 4-5 мб

Alex
31.07.2018
18:57:32

БОГАТЫРЪ
31.07.2018
18:58:14

БОГАТЫРЪ
31.07.2018
18:58:35
много выходит, то есть не как нельзя разбить файлы и подключать их?

Alex
31.07.2018
18:59:55

БОГАТЫРЪ
31.07.2018
19:01:57
https://hastebin.com/qukiquhucu.js app.js

Анатолий
31.07.2018
19:03:33
hastebin это что-то новенькое

БОГАТЫРЪ
31.07.2018
19:05:33
типа не знали:?
старенький уже
сколько лет ему

Furrya
31.07.2018
19:05:59
и не только я через браузер консоли смотрел
export const Smth = r => require.ensure(
[],
() => r(require('../components/Smth')),
'smth.bundle'
);
...
const routes = [
...
{ path: 'smth', component: Smth }
...
];
webpack-way

Google

БОГАТЫРЪ
31.07.2018
19:06:18
типа для каждой страницы свой скрипт
например на странице /admin/main загрузка через api и их обработка
и его тупо подкл и init`ишь ?

Furrya
31.07.2018
19:07:12
для кажого роута
smth.bundle может включать в себя Smth, SmthN и тд

Roman
31.07.2018
19:07:26

БОГАТЫРЪ
31.07.2018
19:08:30

Admin
ERROR: S client not available

Furrya
31.07.2018
19:08:50
Можно в import, не критично.
Или критично?
Просвети бать

БОГАТЫРЪ
31.07.2018
19:08:51
а так спасибо
я тут что-то откапал
то что я искал? https://ru.vuejs.org/v2/guide/single-file-components.html

Roman
31.07.2018
19:10:49

БОГАТЫРЪ
31.07.2018
19:11:42
типа mix.js(/resourse/assets/js/components/admin/main.vue to => /public/js/admin/main.js); ?

Furrya
31.07.2018
19:12:17

БОГАТЫРЪ
31.07.2018
19:12:29
спасибо кто помогал)

Алексей
31.07.2018
19:15:15
Я таки докопался до того, куда пропадала реактивность в таблицах, оказывается, если заменять элементы массива, таблица не видит, что массив был изменён (что конечно странно) сделал пока костыль - добавить и удалить элемент в массив, но это всё же костыль, может кто подскажет решение лучше:
https://codesandbox.io/s/zxn1lxx9y3
к слову замена элементов нужна для оптимизации - всё той же реактивности, чтобы связать данные в заказе и других списках товаров

Furrya
31.07.2018
19:21:29

Google

Алексей
31.07.2018
19:22:19
я в плане оптимальности данной команды

Furrya
31.07.2018
19:26:32

Алексей
31.07.2018
19:27:57

Maxim
31.07.2018
20:12:56
коллеги, а вы используете на практике vuetify? или в основном vue и vuex?

Val
31.07.2018
20:14:13

Maxim
31.07.2018
20:15:54
и вот думаю. есть ли смысл углубляться сильно в него на данном этапе. )

Varyen
31.07.2018
20:17:06
нафига про вуетифай писать в вакансии?
там же берешь и используешь

Val
31.07.2018
20:17:26

Varyen
31.07.2018
20:17:28
не надо углубляться

Alex
31.07.2018
20:17:44

Varyen
31.07.2018
20:17:54
все равно что писать, что нужен жиквери и опыт работы с плагином для кастомных таблиц, я не знаю

Maxim
31.07.2018
20:18:01

Val
31.07.2018
20:18:27

Maxim
31.07.2018
20:18:49
Бутстрап популярнее что ли