Ребята

Господа

Без вебпака можно ли компоненты выносить в отдельный файл и инклюдить?

у меня ситуция необычная, есть с таблица с данными, до 500 строк, и из каждой строки надо вызвать модалку

Зачем? Я одной модалками обошелся

Зачем? Я одной модалками обошелся

я тоже так хотел сделать, но во vuetify не работало закрытие на фоне

Without activator

когда диалог так делал

я тоже так хотел сделать, но во vuetify не работало закрытие на фоне

Все работает

Без вебпака можно ли компоненты выносить в отдельный файл и инклюдить?

Можно

:D есть 2 функции одна должна срабатывать при нажатии на кнопку(которая лежит на Div'е), а другая сработать после нажатия на сам Div

И в итоге при нажатии кнопки обе функции сазу срабатывают, как правильно разграничить их

?!

О, я бы тоже послушал ответ

Почитал точнее

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

:D есть 2 функции одна должна срабатывать при нажатии на кнопку(которая лежит на Div'е), а другая сработать после нажатия на сам Div

callback не поможет?

Маус овер не прокатит скорее всего, так как при нажатии кнопки курсор на Div'е будет

Хм... щас попробую кстать

Хотя вообще не должно такого быть >< я же не нажимаю на сам блок, почему функция то срабатывает ?

Хотя толку нет колбека, чёт только щас понял

Эммм... А что stopPropagation отменили?

он просто же в очередь ставит

На кнопке внутри DIV его вызывайте и все

Еслиб я весь Vue знал я бы не спрашивал :D гугл тож плохо подсказывает

До DIV событие не всплывет

Спасиб, щас попробую

stopPropagation - это стандартный метод события

Нуу... слишком зеленый ещё

Если через директивы Vue, то @click.prevent.stop="Click_Home"

Если обычным способом, то в метод Click_Home надо передать инстанс события. Click_Home: function (e) { e.preventDefault(); e.stopPropagation(); }

Да все получилось, благодарю

просто onclick="event.stopPropagation()" добавить было достаточно

Почитайте про события в JS. Там все это описано. Про bubbling почитайте, чтобы понять, почему так происходит

ty, прочту на досуге)

?

ребят, тут часто проскакивало, плагин для модалок советовали, как называется? напомните плз

Vue-js-modal

Можно

Подскажешь как?

Называй функции верблюжей нотацией и используй сокращенную запись методов

Подскажешь как?

Смотря что тебе нужно и как у тебя там все устроено

Называй функции верблюжей нотацией и используй сокращенную запись методов

Тип через _ никто не называет ?)

ty, прочту на досуге)

clickHome() { }

Тип через _ никто не называет ?)

И в nextTick( => { }

Хм... окей )

Хм... окей )

https://github.com/leonidlebedev/javascript-airbnb Обязательно прочти, тебе будет полезно

Ввоуу, найс, хоть что то свежее почитать :)

http://telegrammy.net/group/vuejs_ru/page747.htm

Подскажите пожалусто вроде все правельно плдключил, но почемуто sass не работает как надо

Экстрасенсы в отпуске.

Мне больше нравиться, что по фотографии не лечим ;)

как менять аттрибуты элементов понятно а можно сам элемент через условие задать? <td>|<th>

как менять аттрибуты элементов понятно а можно сам элемент через условие задать? <td>|<th>

If/else?)

Экстрасенсы в отпуске.

Запишу в копилку ответов)

<p v-if=valid></p> <span v-else></span>

У меня вот так но что то не работает

Цвет не применяется

<p v-if=valid></p> <span v-else></span>

о, спасибо! получается правда дублирование контента ячеек, но это видимо необходимое зло

У меня вот так но что то не работает

sass-loader + node-sass поставь

Так вроде стоят

webpack ошибки или ворнинги пишет?

а хз. у меня вообще в настройках нет loaders у .vue и все работает

{ test: /\.vue$/, loader: 'vue-loader', exclude: /node_modules/, options: vueConfig }, достаточно. а в vueConfig только extractCSS: process.env.NODE_ENV === 'production'

о, спасибо! получается правда дублирование контента ячеек, но это видимо необходимое зло

Я думаю можно сделать изящнее). Но как - пока что не знаю

webpack ошибки или ворнинги пишет?

Ошибок нет

о, спасибо! получается правда дублирование контента ячеек, но это видимо необходимое зло

Можно заюзась is

Можно заюзась is

из доки не понял как это сделать для моего кейса <th v-if=isSelected(id)>{{ instance.title }}</th><td v-else>{{ instance.title }}</td>

из доки не понял как это сделать для моего кейса <th v-if=isSelected(id)>{{ instance.title }}</th><td v-else>{{ instance.title }}</td>

https://jsfiddle.net/c01nd01r/xxwwt3mq/3/ Думаю, смысл понятен

а эта штука умеет html сорс показывать?

а эта штука умеет html сорс показывать?

какая?

https://jsfiddle.net/c01nd01r/xxwwt3mq/3/ Думаю, смысл понятен

апдейтнул с таблицей, но не понятно, работает ли =) попробую в своем проекте чуть позже

апдейтнул с таблицей, но не понятно, работает ли =) попробую в своем проекте чуть позже

Ну щелкни "инспектировать элемент", посмотри в devtools

уже

но ведь не меняет же =) (я там по ссылке поправил код, можно посмотреть. Дивы обновляются, текст тоже, а th на td не меняется) == так, это я торможу, тег то не простайлен, сорян

но ведь не меняет же =) (я там по ссылке поправил код, можно посмотреть. Дивы обновляются, текст тоже, а th на td не меняется) == так, это я торможу, тег то не простайлен, сорян

Работает? :)

теперь да, спасибо! Я бы не догадался (

таак, еще один вопрос как с v-for сделать матрицу? Набросал пример с таблицей, надо инстансы фигачить по 3 в каждой строке https://jsfiddle.net/hryamzik/0wxrttod/2/ при этом важно что данные в словаре а не в массиве пока придумал только вставить div между таблицей и контентом, итерировать в нем инстансы и через v-if вставлять строки кажется мне костыльным

кто помнит Бена Алперта?

из реакт кор тим

его, то есть её теперь зовут Софи https://twitter.com/sophiebits

Нихуя себе! ?

Я его помню

Вот так. Был пацан, и нет пацана

вот видите, до чего реакт людей доводит....

Понаделают реактов а потом ябутся в жёпы

Понаделают реактов а потом ябутся в жёпы

Лол)

ору

А с вью у тебя глаза сузятся (от чтения доки, конечно)

таак, еще один вопрос как с v-for сделать матрицу? Набросал пример с таблицей, надо инстансы фигачить по 3 в каждой строке https://jsfiddle.net/hryamzik/0wxrttod/2/ при этом важно что данные в словаре а не в массиве пока придумал только вставить div между таблицей и контентом, итерировать в нем инстансы и через v-if вставлять строки кажется мне костыльным

В computed сделай нарезку по столбцам и рендери.