@vuejs_ru
Denis22.02.2018
10:05:28
10:05:28
Когда поймете, как это работает, тогда уже можно на Vue переходить
Andrey22.02.2018
10:09:55
10:09:55
Здравствуйте!
Можете подсказать - как реализовать гармошку. Есть таблица на div-ах, нужно к ней приделать кнопку, при нажатии которой открывалась информация некоторая, и соответсвенно, при повторном нажатии информация скрывалась.
Предполагаю, что нужно смотреть в сторону делегирования событий https://learn.javascript.ru/event-delegation
Там внизу есть задание - Раскрывающееся дерево. Правильно я понимаю, что это то, что мне нужно, чтобы реализовать гармошку?
И главный вопрос - как такое реализовать на vue.js - где/что почитать про делегирование на vue.js
читай о v-if, v-for и @click этого будет тебе достаточно для реслизации простой гармошкина Вью
но лучше бы понять как это работает и напедалить на нативке и самому. так хоть польза будет)
GoogleVyacheslav22.02.2018
10:13:17
10:13:17
читай о v-if, v-for и @click этого будет тебе достаточно для реслизации простой гармошки
спасибо
я как-то давно этот курс проходил и делал все задания, и в целом понимаю как работает делегирование
сейчас вот нужно реализовать на vue.js и соответственно вспоминаю js и пытаюсь найти аналог на vueAndrey22.02.2018
10:17:20
10:17:20
не очень понимаю зачем тебе тут делегирование. тут просто цикл который будет показыать тебе твои tr-ки или что там div-ы? при определенном сосмтоянии твоей переменной.
если true показывает твой список false не показывает....
cmndwn22.02.2018
10:17:25
10:17:25
Привет. Второй час не могу раздуплить с чем может быть связано - есть обычный селект с @change, option частично, кроме первых двух построены через v-for. И вообщем этот ублюдок через раз бликает при открытии или закрытии, будто успевает еще несколько раз закрыться/открыться в 0.1 секунды. Актуально только в хроме, никто не сталкивался? Не уверен что виноват Вуе, но рядом такие же селекты, но чисто отданные с сервера и с ними все ок
Максим22.02.2018
10:18:26
10:18:26
больше никто не слушает этот селект?
Andrey22.02.2018
10:18:34
10:18:34
может чтото с евентами гдето навешивается еще один
cmndwn22.02.2018
10:19:08
10:19:08
на клик? или несколько onchange тоже могут повлиять на такое?
Максим22.02.2018
10:20:44
10:20:44
да все могут влиять, мало ли какая там логика
Andrey22.02.2018
10:21:06
10:21:06
ну каждый евент это асинхронная операция и будет выполнен раз столько сколько ты его вызвал как только будет возможно. навесишь 3 onchange будут они 3 раза выполняться
откуда машина знает что ты именно этого не хотел сделать?)
cmndwn22.02.2018
10:22:03
10:22:03
пойду поищу еще. спасибос
Andrey22.02.2018
10:22:33
10:22:33
вобще по хорошему все ивенты надо подчищать он дестрой
тогда будет меньше таких выстрелов в ногу)
cmndwn22.02.2018
10:24:36
10:24:36
а разве они сами не уничтожатся при удалении компонента из ДОМа?
Google
Astr0junk22.02.2018
10:47:18
10:47:18
Коллеги, кто уже неплохо с вьюкс? нужен совет
есть стора, у нее есть неймспейсед модуль
как избавиться от такого синтаксиса типа
this.$store.getters['claps/getButtonById'](this.id);
?
Max22.02.2018
10:48:11
10:48:11
...mapGetters
Astr0junk22.02.2018
10:48:36
10:48:36
можно ли Компоненту передать сторой не общую глобальную и по нейму стучать а один из модулей?
Andrey22.02.2018
10:51:34
10:51:34
Ребят, а кто как запрещает прямое обращение к URL"у" ? (например есть /users/edit-user) напрямую по этому адресу нельзя попасть, только со страницы пользователя. в апи не нашел чего-то подобного
Bohdan22.02.2018
10:52:03
10:52:03
на хуках разве что
Andrey22.02.2018
10:52:43
10:52:43
не понял, что именно в хуке проверять?
Nastya22.02.2018
10:53:40
10:53:40
ребята, а в js можно как-то получить значение по сложному ключу? ну что-то вроде object['subObject.key']
Dmitrii22.02.2018
10:53:40
10:53:40
ты уверен что ты не хочешь странного?
>не понял, что именно в хуке проверять?
проверь есть ли доступ у пользователя к данной странице
если нет отправь домой
Andrey22.02.2018
10:55:23
10:55:23
понял, проверять наличие каких нибудь значений на входе, если их нет - делать редирект
Bohdan22.02.2018
10:56:48
10:56:48
вроде ведь можно узнать, с какого роута идет переход
Dmitrii22.02.2018
10:58:24
10:58:24
ну я если правильно понял чего он хочет
то он хочет заблокировать доступ по прямой ссылке root/users/edit-user
Andrey22.02.2018
10:59:50
10:59:50
да
root/users/edit-user/user-6 - все ок, переводить человека на страницу редактирования пользователя
root/users/edit-user/ - переводить на страницу пользователей
GoogleAndrey22.02.2018
11:01:05
11:01:05
наверное только в mounted проверять
Dmitrii22.02.2018
11:01:43
11:01:43
а почему root/users/edit-user/ не может быть "страницей пользователей"
root/users/user-6 лучше уже так как-то сделать, наверное (я опять же просто гадаю)
Andrey22.02.2018
11:03:14
11:03:14
потому что есть /users/ это список, /users/edit-user/ - это форма где мы получаем данные для редактирования (edit-user это отдельный компонент
Я в целом понял, что нужно делать. Спасибо за подсказку
Andrey22.02.2018
11:06:10
11:06:10
удачи) :D
Rai22.02.2018
11:06:24
11:06:24
есть необходимость заюзать https://github.com/robinvdvleuten/vuex-persistedstate
но у меня трабла я не могу обращаться к window ?
кто нибудь юзает этот плагин в SSR ?
с nodejs
Roman22.02.2018
11:07:23
11:07:23
Rai22.02.2018
11:07:34
11:07:34
ага
AdminERROR: S client not available
Roman22.02.2018
11:07:37
11:07:37
Используй чето другое
Vitaliy22.02.2018
11:07:47
11:07:47
global
Alex22.02.2018
11:08:26
11:08:26
Есть те кто пользуется VSCode? Как заставить его в vue файлах подсказывать свойства/методы для импортированног модуля?
Arthur22.02.2018
11:09:21
11:09:21
ребята, а в js можно как-то получить значение по сложному ключу? ну что-то вроде object['subObject.key']
Да.
let obj = {name: "IamSUPER", heavyStruct: {struct: {substruct: "deepInAs"}}, deepInAs: 42};
obj[obj.heavyStruct.struct.substruct];
Nikita22.02.2018
11:11:01
11:11:01
Думаю она немного не это спрашивает
GoogleNastya22.02.2018
11:11:03
11:11:03
Да.
let obj = {name: "IamSUPER", heavyStruct: {struct: {substruct: "deepInAs"}}, deepInAs: 42};
obj[obj.heavyStruct.struct.substruct];
это все здорово, но у меня ключ строковый, я не знаю, какие поля объекта понадобятся. то есть в данном случае надо отработать что-то вроде obj.getValue('heavyStruct.struct.substruct')
Serge22.02.2018
11:14:23
11:14:23
Народ, как запретить на @dblclick в строке таблицы выделение текста ?
Andry22.02.2018
11:15:06
11:15:06
Народ, как запретить на @dblclick в строке таблицы выделение текста ?
https://webref.ru/css/user-select
Vladimir22.02.2018
11:15:23
11:15:23
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}
Serge22.02.2018
11:15:58
11:15:58
ох ёп. спасибо.
Radim22.02.2018
11:18:46
11:18:46
Кто-нибудь Quill использовал? Можно как-то показывать toolbar только при фокусе на редактируемой области?
Oleg22.02.2018
11:20:00
11:20:00
Здравствуйте. Я использую vue-router и пытаюсь научиться реализовать роутинг по страницам SPA. В общем, у меня есть компоненты хедер и футер с одинаковой навигацией по сайту, разной лишь по дизайну. Проблема в том, что я в корневом vue экземпляре использую эти компоненты , в которых находятся router-link's, и еще есть третий компонент где стоит router-view. Я думал, что этот vue-router будет в моем проекте глобальным, но получил ошибку.
Главный вопрос: Как использовать router-view и router-link в разных компонентах vue?
Alex22.02.2018
11:21:28
11:21:28
Дубль: Есть те кто пользуется VSCode? Как заставить его в vue файлах подсказывать свойства/методы для импортированног модуля?
Alexander22.02.2018
11:55:17
11:55:17
Astr0junk22.02.2018
11:57:56
11:57:56
getter который возвращает функцию!? ?
нет, просто хочелось бы избавиться от нейм лапши, при этом геттеры не делать общими, то есть типа что бы this.$store смотрел в state.claps глобальной сторы
Artyom22.02.2018
12:02:42
12:02:42
Кстати, а можно делать mapGetters на основе пропсов? Никто не пробовал? Типа подписываться на тот или иной неймспейс
Открыть в Telegram