Всем привет, у меня express генерит ссылки по .pug файлам, мне нужно чтоб /store и /account вел на spa (/store уже готов) Вопрос такой, как при /account вести в SPA в /store, где есть vue-router?

Возможно мне нужно как то передавать в spa значене параметра или в express сделать перехват как с /store и там параметр вставлять

Возможно мне нужно как то передавать в spa значене параметра или в express сделать перехват как с /store и там параметр вставлять

Перехват как с /store, что вы имели ввиду?

Доброго дня. Кто с Vue-Bootstrap работалНасколько он удобен и насколько похож на обычный?

Обычный это когда ты используешь существующие css классы на чистом html, а в данном случае разработчики предлагают использовать их компоненты. У меня в организации компоненты общего пользования, мы написали самостоятельно, но использовать уже существующую библиотеку тоже не плохой вариант, если проект не будет разрабатываться десятелетиями.

Так что тебе надо ответить себе, нужны ли тебе компоненты общего пользования написанные другими людьми или ты будешь писать их самостоятельно с нуля, чтобы переиспользовтаь по всему проекту

Кстати у них дока неплохая

Народ, есть компонент "кнопка", я его использую <Button @click.native>bla bla</Button> Внутри кнопки (именно на уровне кнопки) нужно прервать клик, чтобы он вверх не пошел, как это во вью нормально сделать?

stoppropagation все равно пускает дальше

Народ, есть компонент "кнопка", я его использую <Button @click.native>bla bla</Button> Внутри кнопки (именно на уровне кнопки) нужно прервать клик, чтобы он вверх не пошел, как это во вью нормально сделать?

превентДефаулт ?

превентДефаулт ?

он не прерывает ход события наверх по офф доке, но даже они вместе не помогают

.click.stop.prevent

почитай доку там написана остановка событий

нативных

.click.stop.prevent

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

именно нативный?

это кнопка с подтверждением, логика подтверждения на уровне кнопки

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

хм, на @click весит метод ? в чем проблема напихать туда условий ?

если писать просто @click то он вообще не работает

хм, на @click весит метод ? в чем проблема напихать туда условий ?

условия могут быть только на уровне кнопки

то есть <Button @click=method ></Button> но method выполняется только если на уровне кнопки условие (которое рассчитывается там же успех)

условия могут быть только на уровне кнопки

какието оберки мешают ?

enabled сделай лучше

то есть <Button @click=method ></Button> но method выполняется только если на уровне кнопки условие (которое рассчитывается там же успех)

у иебя там колбеки которые теряют контекст выполнения и не находят нужные методы снаружи ?

зачем мне методы снаружи?

зачем мне методы снаружи?

по вашему описанию сложно понять суть проблемы, делаю предположения ...

Выполнение действий по кнопке всегда полностью зависит от родителя? или от входящего props?

Тогда нужно просто блокировать кнопку. Жать на кнопку которая ничего не делает, это издевательство

Кнопка это простейший компонент с внутренним стейтом, если во кнопке нажали второй раз внутренний стейт меняется на тру и должен выполнится внешний обработчик

Тогда нужно просто блокировать кнопку. Жать на кнопку которая ничего не делает, это издевательство

после первого нажатия появляется вопрос "уверены или нет"

Народ кто использовал social-sharing vue плагин? https://github.com/nicolasbeauvais/vue-social-sharing

почему то при клике на телегу он шейрит с текстом нормально, но на другие только title шейрит без текста

<li>BLA BLA BLA <Button @click="delete" :confirmation="true">Delete</Button> </li> Button.vue <template> <span v-if="showConfirmation"> Are you sure? <span>yes</span> <span>no</span> </span> <span v-else><button @click="click"><slot/></button></span> </template> <script> export default { name: 'Button', data(){ return {confirmed: false} }, methods:{ click(e){ if(!this.confirmed){ e.preventDefault() e.stopPropagation() return } } } } </scriupt>

вот такой кейс делаю

проблема, что родительский @click=delete отрабатывает - всегда

выше не полный код, а псевдокод общей структуры

<li>BLA BLA BLA <Button @click="delete" :confirmation="true">Delete</Button> </li> Button.vue <template> <span v-if="showConfirmation"> Are you sure? <span>yes</span> <span>no</span> </span> <span v-else><button @click="click"><slot/></button></span> </template> <script> export default { name: 'Button', data(){ return {confirmed: false} }, methods:{ click(e){ if(!this.confirmed){ e.preventDefault() e.stopPropagation() return } } } } </scriupt>

да уж, вот и просто кнопка )))

о все разобрался

о все разобрался

что было ? довай делись уж

сек

было: <template> <span @click="click"> Внутри компонента клик был в родительской ноде, он работает вместе с внешним обработчиком и внутренняя отмена почему то не прерывает событие. Надо внутри компонента клик спустить на 1 ноду ниже, чтобы родительский элемент в компоненте был без внутренних обработчиков стало (грубо говоря): <template> <span> <span @click="click"> Тогда, прервав событие на уровне дочернего спана внешний обработчик не сработает

было: <template> <span @click="click"> Внутри компонента клик был в родительской ноде, он работает вместе с внешним обработчиком и внутренняя отмена почему то не прерывает событие. Надо внутри компонента клик спустить на 1 ноду ниже, чтобы родительский элемент в компоненте был без внутренних обработчиков стало (грубо говоря): <template> <span> <span @click="click"> Тогда, прервав событие на уровне дочернего спана внешний обработчик не сработает

работает ?

работает ?

поправил сообщение, интернет лаганул

было: <template> <span @click="click"> Внутри компонента клик был в родительской ноде, он работает вместе с внешним обработчиком и внутренняя отмена почему то не прерывает событие. Надо внутри компонента клик спустить на 1 ноду ниже, чтобы родительский элемент в компоненте был без внутренних обработчиков стало (грубо говоря): <template> <span> <span @click="click"> Тогда, прервав событие на уровне дочернего спана внешний обработчик не сработает

хм, буду знать

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

Не очень люблю критиковать, но если кто-то другой попробует это доработать, он вообще не будет знать таких особенностей

Жуть какая-то)

было: <template> <span @click="click"> Внутри компонента клик был в родительской ноде, он работает вместе с внешним обработчиком и внутренняя отмена почему то не прерывает событие. Надо внутри компонента клик спустить на 1 ноду ниже, чтобы родительский элемент в компоненте был без внутренних обработчиков стало (грубо говоря): <template> <span> <span @click="click"> Тогда, прервав событие на уровне дочернего спана внешний обработчик не сработает

Кажется, в родителе можно было .self к обработчику попробовать добавить

Жуть какая-то)

ну, у меня в системе есть ui-пак, стандартных компонентов, один из них кнопка с подтверждением. кнопок в системе миллион, не могу же я эту логику описывать в каждом месте

Кажется, в родителе можно было .self к обработчику попробовать добавить

не уверен т.к. нормально все это работает только с click.native

возможно, я просто не правильно это готовлю

но, получил рабочий вариант)

Еще убивает проблема роутов (такая же как в реакте). Как не рендерить родительский роут, если я отрисовываю дочерний?

[ { name: 'users-list', path: 'users', component: UsersTable children: [ { name: 'user-page', path: ':userId', component: UserPage } ] } ]

вот это как-то решено во vue-router нормально?

при переходе на users мне нужен UsersTable, но когда я перешел на users/555 мне вместо UsersTable нужен <router-view/>

но, я же могу сделать дочерним роутом модалку (урлы у модалок это удобно), и в таком случае родителя надо рендерить

ERROR: S client not available

[ { name: 'users-list', path: 'users', component: UsersTable children: [ { name: 'user-page', path: ':userId', component: UserPage } ] } ]

Можно сделать отдельный роут, если не нужен дочерний, типо того path: 'users/:userId'

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

и для них критично важно чтобы сохранялось кто чей родитель

хм, что если в beforeEnter менять компонент на <router-view/> и обратно, по условию

и для них критично важно чтобы сохранялось кто чей родитель

Хм, написать/форкнуть свои хлебные кошки)

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

Значит выноси таблицу на уровень детей

Значит выноси таблицу на уровень детей

на 1 уровне и таблица и едит?

прикол в том чтобы это был родитель и ребенок, чтобы зхлебные крошки работали нормально

и без всяких шаманств в рендере как это делают в реакте уже на протяжении скольких то лет

Проще форкнуть breadcrumbs или сделать свои "крошки")

Проще форкнуть breadcrumbs или сделать свои "крошки")

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

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

Лично я вообще с этой проблемой не сталкивался даже

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

Увы, не сталкивался, т.к. не использовал хлебные крошки) обычно активное меню подсвечивал, было достаточно

не понял, то есть "свои крошки == так чтобы работало === говнокод?", большинство плагинов/либ под vue можно подвести под n уровень говнистости)

у меня на прошлом проекте ссылка была примерно 4-5 уровней вложенности таблица - элемент - таблица статистики - элемент статистики - далее... и там как раз (как и сейчас) сделали свои хлебные кношки

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

Доброе утро

<MainHeader></MainHeader> <router-view></router-view> <MainFooter></MainFooter>

у меня вот такой код, но есть желание что-бы на некоторых страницах хидеры не показывались. вижу 2 решения. вынести компоненты (MainHeader и MainFooter) на конкретный роут вью, и там либо добавлять либо нет. или v-if

Народ - а не подскажите: нормально ли в директории view/pages внутри директории, например, LoginPage сделать сабдиректорию где хранить компоненты которые используются только этой вьюхой?

1) root-view с <router-view/> === '/' 1.1) entire-view <router-view/> === '/entire' (хедеры нужны) 1.2) auth-view <router-view/> === '/auth' (тут хедеры не нужны, только форма логина и всякие remember и тд) Мыслите как архитектор, если в компоненте с <router-view> вам какой то компонент(ы) не нужен в определенном route_path, может стоит вынести их в свой "route-path/context"?

/auth /entire как пример

Благо компоненты можно инклудить в components и глобально с Vue.component

Народ - а не подскажите: нормально ли в директории view/pages внутри директории, например, LoginPage сделать сабдиректорию где хранить компоненты которые используются только этой вьюхой?

Нормально, чо

1) root-view с <router-view/> === '/' 1.1) entire-view <router-view/> === '/entire' (хедеры нужны) 1.2) auth-view <router-view/> === '/auth' (тут хедеры не нужны, только форма логина и всякие remember и тд) Мыслите как архитектор, если в компоненте с <router-view> вам какой то компонент(ы) не нужен в определенном route_path, может стоит вынести их в свой "route-path/context"?

не понял, если честно. какое решение вы предлагаете.

не понял, если честно. какое решение вы предлагаете.

https://github.com/furryablack/vue-lab/tree/master/src

+auth +entire как отдельные темплейты для страниц в root-view вообще нет верстки

Подскажите, как правильно поступить. Нужно, чтобы при изменении данных в сторе, происходили действия в компоненте. Если получать эти данные через computed, то нужно это свойство где-то и использовать, иначе ничего не происходит. Это какие-то костыли. Как быть?

На митап по Вью кто идёт?