Listar
Нуу... слишком зеленый ещё
Denis
Если через директивы Vue, то @click.prevent.stop="Click_Home"
Denis
Если обычным способом, то в метод Click_Home надо передать инстанс события. Click_Home: function (e) { e.preventDefault(); e.stopPropagation(); }
Listar
Да все получилось, благодарю
Listar
просто onclick="event.stopPropagation()" добавить было достаточно
Denis
Почитайте про события в JS. Там все это описано. Про bubbling почитайте, чтобы понять, почему так происходит
Listar
ty, прочту на досуге)
Denis
👍
Oleksandr
Dmitriy
Anonymous
Listar
Называй функции верблюжей нотацией и используй сокращенную запись методов
Тип через _ никто не называет ?)
Listar
Хм... окей )
Anonymous
Хм... окей )
https://github.com/leonidlebedev/javascript-airbnb
Обязательно прочти, тебе будет полезно
Listar
Ввоуу, найс, хоть что то свежее почитать :)
Airat
http://telegrammy.net/group/vuejs_ru/page747.htm
ℝei
Экстрасенсы в отпуске.
Andrey
Мне больше нравиться, что по фотографии не лечим ;)
Roman
как менять аттрибуты элементов понятно
а можно сам элемент через условие задать? <td>|<th>
Oleksandr
Alexander 🐯
Oleksandr
<p v-if=valid></p>
<span v-else></span>
Roman
<p v-if=valid></p>
<span v-else></span>
о, спасибо!
получается правда дублирование контента ячеек, но это видимо необходимое зло
ℝei
sass-loader + node-sass поставь
Yaroslav 🇺🇦
webpack ошибки или ворнинги пишет?
ℝei
а хз. у меня вообще в настройках нет loaders у .vue и все работает
ℝei
{
test: /\.vue$/,
loader: 'vue-loader',
exclude: /node_modules/,
options: vueConfig
},
достаточно. а в vueConfig только extractCSS: process.env.NODE_ENV === 'production'
Oleksandr
о, спасибо!
получается правда дублирование контента ячеек, но это видимо необходимое зло
Я думаю можно сделать изящнее). Но как - пока что не знаю
Stanislav
Roman
Можно заюзась is
из доки не понял как это сделать для моего кейса
<th v-if=isSelected(id)>{{ instance.title }}</th><td v-else>{{ instance.title }}</td>
Stanislav
из доки не понял как это сделать для моего кейса
<th v-if=isSelected(id)>{{ instance.title }}</th><td v-else>{{ instance.title }}</td>
https://jsfiddle.net/c01nd01r/xxwwt3mq/3/
Думаю, смысл понятен
Roman
а эта штука умеет html сорс показывать?
Roman
https://jsfiddle.net/c01nd01r/xxwwt3mq/3/
Думаю, смысл понятен
апдейтнул с таблицей, но не понятно, работает ли =) попробую в своем проекте чуть позже
Stanislav
апдейтнул с таблицей, но не понятно, работает ли =) попробую в своем проекте чуть позже
Ну щелкни "инспектировать элемент", посмотри в devtools
Roman
уже
Roman
но ведь не меняет же =)
(я там по ссылке поправил код, можно посмотреть. Дивы обновляются, текст тоже, а th на td не меняется)
==
так, это я торможу, тег то не простайлен, сорян
Stanislav
Roman
теперь да, спасибо! Я бы не догадался (
Roman
таак, еще один вопрос
как с v-for сделать матрицу? Набросал пример с таблицей, надо инстансы фигачить по 3 в каждой строке
https://jsfiddle.net/hryamzik/0wxrttod/2/
при этом важно что данные в словаре а не в массиве
пока придумал только вставить div между таблицей и контентом, итерировать в нем инстансы и через v-if вставлять строки
кажется мне костыльным
Завтра
кто помнит Бена Алперта?
Завтра
из реакт кор тим
Завтра
его, то есть её теперь зовут Софи https://twitter.com/sophiebits
Завтра
Нихуя себе! 😄
Завтра
Я его помню
Завтра
Вот так. Был пацан, и нет пацана
Завтра
Завтра
вот видите, до чего реакт людей доводит....
Завтра
Понаделают реактов а потом ябутся в жёпы
Stanislav
ору
Stanislav
А с вью у тебя глаза сузятся (от чтения доки, конечно)
Андрей
таак, еще один вопрос
как с v-for сделать матрицу? Набросал пример с таблицей, надо инстансы фигачить по 3 в каждой строке
https://jsfiddle.net/hryamzik/0wxrttod/2/
при этом важно что данные в словаре а не в массиве
пока придумал только вставить div между таблицей и контентом, итерировать в нем инстансы и через v-if вставлять строки
кажется мне костыльным
В computed сделай нарезку по столбцам и рендери.
Андрей
Наоборот, нарезку по строкам.
Roman
прямо строки из него отдавать? Можно...
Roman
скорее группы объектов для строк, конечно
Андрей
Ну, это зависит от реализации.
Андрей
Как тебе удобнее)
Roman
удобнее не отдавать из computed html =)
Андрей
Я не про html) Вернуть ты можешь и матрицу.
Rafael 🌵
Еслиб я весь Vue знал я бы не спрашивал :D гугл тож плохо подсказывает
Я даже у себя в канале про него писал
Listar
Ну буду знать теперь ))
Listar
Ссыль на канал плиз)
Listar
Или по нику гитхаба найду?!
Roman
можно как-то проксировать события через промежуточные элементы?
unselect: function(id) {
this.$emit('unselect', id)
},
вот это выглядит грустно
Дима
Anonymous
можно как-то проксировать события через промежуточные элементы?
unselect: function(id) {
this.$emit('unselect', id)
},
вот это выглядит грустно
по идее можно засахарить на манер ...mapActions
Anonymous
забавно что тут ниукого не возникает проблем с ...mapActions. для него ведь надо создавать .babelrc
Stanislav
забавно что тут ниукого не возникает проблем с ...mapActions. для него ведь надо создавать .babelrc
в vue-cli все есть, по сему и не возникает)
Anonymous
да всё проще. кстати задачка на собеседование
Anonymous
реализуйте такую функцию которая будет
methods: {...proxy(['a', 'b', 'c'])}
Stanislav
реализуйте такую функцию которая будет
methods: {...proxy(['a', 'b', 'c'])}
и что прокси должна вернуть?
Anonymous
можно как-то проксировать события через промежуточные элементы?
unselect: function(id) {
this.$emit('unselect', id)
},
вот это выглядит грустно
Stanislav
можно как-то проксировать события через промежуточные элементы?
unselect: function(id) {
this.$emit('unselect', id)
},
вот это выглядит грустно
@click="$emit('unselect', item.id)"