алерта и не должно быть

алерта и не должно быть

правда?

я делаю вот так: router.beforeEach((to, from, next) => { if (to.meta.requiresAuth) { let user = store.getters.user; if (!!user) { next({ name: 'login', query: { redirect: to.fullPath, } }) } } next(); }) в дебаггере стор типо "store is not defined", но на сколько я понимаю, это баг дебагера и вебпака.

вывести в console.log() и посмотреть.

у коллеги не работает, у меня на телефоне работае а на планшете нет

ну так скажи в каком браузере не работает конкретно

кто-то проверит у кого он есть

вывести в console.log() и посмотреть.

все ок, user Object, все как нужно.

мб вью вообще не поддерживает этот браузер

гугл хром

думаю вряд ли не поддерживает))

Кажется - это особенность мобильного браузера

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

с алертами то же самое

да, в этом и проблема, что работает как change

да, не работает

создавай ишью)

https://stackoverflow.com/questions/6290442/html-input-type-text-onchange-event-not-working

вешай на keypress короч

For languages that require an IME (Chinese, Japanese, Korean etc.), you’ll notice that v-model doesn’t get updated during IME composition. If you want to cater for these updates as well, use input event instead. https://vuejs.org/v2/guide/forms.html

похоже что теперь на кириллицу тоже тригерится это

https://github.com/sagalbot/vue-select/pull/626 @callisto1337

короче, коммичу в стор юзера, после этого делаю router.push, срабатывает хук $router.beforeEach который читает юзера из стора, и говорит что юзера нет.

почему так происходит?

короче, коммичу в стор юзера, после этого делаю router.push, срабатывает хук $router.beforeEach который читает юзера из стора, и говорит что юзера нет.

Магия драконов

Можно манускрипт этого заклинания?

я делаю вот так: router.beforeEach((to, from, next) => { if (to.meta.requiresAuth) { let user = store.getters.user; if (!!user) { next({ name: 'login', query: { redirect: to.fullPath, } }) } } next(); }) в дебаггере стор типо "store is not defined", но на сколько я понимаю, это баг дебагера и вебпака.

вот beforeEach

я делаю вот так: router.beforeEach((to, from, next) => { if (to.meta.requiresAuth) { let user = store.getters.user; if (!!user) { next({ name: 'login', query: { redirect: to.fullPath, } }) } } next(); }) в дебаггере стор типо "store is not defined", но на сколько я понимаю, это баг дебагера и вебпака.

Как ты это понял?

что как я понял?

что нету юзера в сторе при срабатывании хука?

консоль логи везде понаставил

created() { console.log("created hook triggered") auth.authorize().then((response) => { console.log("recieved response") this.$store.commit('user', response.data.user) console.log("commited user") this.$router.push(this.redirectTo) }) },

вот в компоненте Login

Обновления стейта происходит позже beforeEach?

https://github.com/sagalbot/vue-select/pull/626 @callisto1337

вижу, спасибо)

я делаю вот так: router.beforeEach((to, from, next) => { if (to.meta.requiresAuth) { let user = store.getters.user; if (!!user) { next({ name: 'login', query: { redirect: to.fullPath, } }) } } next(); }) в дебаггере стор типо "store is not defined", но на сколько я понимаю, это баг дебагера и вебпака.

выше стора нет значет

this.redirectTo - это компьютед свойство, которое возвращает объект куда редиректить (либо на dash, либо на ?redirect=..

выше стора нет значет

что значит нет? я консольлогил он там есть

или что ты имеешь ввиду?

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

вот короче я раскидал косноль логи по коду, и такая очередность: triggered beforeEach {name: "login", meta: {…}, path: "/", hash: "", query: {…}, …} Login.vue?03db:125 created hook triggered Login.vue?03db:127 recieved response Login.vue?03db:129 commited user index.js?3672:39 triggered beforeEach {name: "dash", meta: {…}, path: "/dash", hash: "", query: {…}, …} index.js?3672:43 user not found index.js?3672:39 triggered beforeEach {name: "login", meta: {…}, path: "/", hash: "", query: {…}, …}

похоже что теперь на кириллицу тоже тригерится это

только это не везде не работает. так что скорее это баг

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

хотя мб просто не сталкивался

Подскажите, какая структура роутов должна быть в nuxt js чтобы при использовании router-view в index.vue файле все остальные данные прогружались внутри него а не в отдельном окне?

Ребят помогите с vuex пожалуйста. у меня есть компонент (view) Project, его роут такой - '/projects'. Я в него загружаю состояние и мутации из стора: computed: { ...mapState('projects', [ 'displayList', 'items' ]), ...mapGetters('projects', [ 'publicItems' ]) }, methods: { ...mapMutations('projects', [ 'moveItemToTrash', 'duplicateItem', 'removeItems' ]) }, и при изменении сегментак, к примеру '/projects/trash' я хочу, чтобы выводились удаленные проекты. я понимаю, что нужно это делать нужно на хуке или на вотчере роута (с vue-router вроде проблем у меня нет), но что в нем сделать я не понимаю, либо экшн вызвать, присвоить как то данные в свойство data или же как то новые геттеры получить или заменить их?

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

Кто-нибудь видел транспайлер чистых pug темплейтов в вушные? Т.е. есть pug файл чистый, который в html билдится, можно его в вушный темплейт загнать, что бы еще и реактивные биндинги работали?

Т.е. в паге можно объявлять переменные, хочется что бы они остались, что бы ву уже мог реактивно обновлять

Т.е. pug span #{ content } —-> vue <span>{{ content }}</span>

Т.е. в паге можно объявлять переменные, хочется что бы они остались, что бы ву уже мог реактивно обновлять

У вью в шаблонах же нет переменных. Им неоткуда будет взяться

У вью в шаблонах же нет переменных. Им неоткуда будет взяться

Об этом речь https://t.me/vuejs_ru/357255

Напиши свой

Да времени не особо

Кто-нибудь видел транспайлер чистых pug темплейтов в вушные? Т.е. есть pug файл чистый, который в html билдится, можно его в вушный темплейт загнать, что бы еще и реактивные биндинги работали?

Ыхых у тебя вечно такие специфичные вопросы

Всем привет! Ребята подскажите пожалуйста. У меня есть метод "mounted" где я отправляю запрос на сервер. Ко мне будут каждый раз приходить новые данные с сервере. Какой метод использовать потом для отправки запроса на сервер и перерндер компонета "updated"?

Ыхых у тебя вечно такие специфичные вопросы

С простыми стараюсь сам разбираться ?

Всем привет! Ребята подскажите пожалуйста. У меня есть метод "mounted" где я отправляю запрос на сервер. Ко мне будут каждый раз приходить новые данные с сервере. Какой метод использовать потом для отправки запроса на сервер и перерндер компонета "updated"?

А по какому события понятно чтоинужно делать апдейт данных?

А по какому события понятно чтоинужно делать апдейт данных?

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

Привет, как с помощью css выделить background пункта меню? <div data-v-aae30ed8="" class="side-nav"> <li data-v-aae30ed8=""> <a data-v-aae30ed8="">First Text</a> </li> </div>

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

Вебсокет

ERROR: S client not available

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

Вебсокеты, кометы.

Всем привет. Как изменить цвет активного пункта выпадающего списка select option?

Всем привет. Как изменить цвет активного пункта выпадающего списка select option?

Назначить ему класс и повесить на класс цвет

Вебсокеты, кометы.

Т.е. если я сразу в mounted отправлю запрос. на сервере веб сокет будет включен. я получил первый раз в mounted данные записал их в data. когда что то измениться. vue автоматом опять получить новые data и перерендерит сам компонет?

Назначить ему класс и повесить на класс цвет

и для активного сработает?

Привет, как с помощью css выделить background пункта меню? <div data-v-aae30ed8="" class="side-nav"> <li data-v-aae30ed8=""> <a data-v-aae30ed8="">First Text</a> </li> </div>

v-bind:class="{ 'active': com === 'Headerok' }"

Т.е. если я сразу в mounted отправлю запрос. на сервере веб сокет будет включен. я получил первый раз в mounted данные записал их в data. когда что то измениться. vue автоматом опять получить новые data и перерендерит сам компонет?

Как реализуешь такии будет

я bootstrap-vue стилизую

Т.е. если я сразу в mounted отправлю запрос. на сервере веб сокет будет включен. я получил первый раз в mounted данные записал их в data. когда что то измениться. vue автоматом опять получить новые data и перерендерит сам компонет?

Вебсокет пушит событие, обновляешь

Т.е. если я сразу в mounted отправлю запрос. на сервере веб сокет будет включен. я получил первый раз в mounted данные записал их в data. когда что то измениться. vue автоматом опять получить новые data и перерендерит сам компонет?

vue ничего "сам" не получит. Это ты сам должен реализовать получение и передачу данных в вуй

v-bind:class="{ 'active': com === 'Headerok' }"

что это такое? просто так скопипастить я так понимаю не получится

что это такое? просто так скопипастить я так понимаю не получится

это как класс тебе активный поставить. а уже в цсс создашь класс нужный

что это такое? просто так скопипастить я так понимаю не получится

В доке это есть

Развернул проект через Vue CLI, проблема в том, что не работает условная отрисова: <template> <div id="app"> <StartScreen v-show="menu" /> </div> </template> <script> import StartScreen from './components/StartScreen.vue' export default { name: 'app', components: { StartScreen }, props: { menu: true } } </script>

Вебсокет пушит событие, обновляешь

Эм. а можно по шагово? 1) в Mounted я открываю соед. получаю данные записываю их в data. 2) потом у меня обновляется данные на серваке. 3) что дальше будет надо сделать или vue сам поймет что обновились данные?

это как класс тебе активный поставить. а уже в цсс создашь класс нужный

[Vue warn]: Property or method "com" is not defined on the instance but referenced during render.

[Vue warn]: Property or method "com" is not defined on the instance but referenced during render.

com это же просто пример.

[Vue warn]: Property or method "com" is not defined on the instance but referenced during render.

Тебе на стековерфлов. Там все любители копипастить

[Vue warn]: Property or method "com" is not defined on the instance but referenced during render.

кури ман https://ru.vuejs.org/v2/guide/class-and-style.html ?

Развернул проект через Vue CLI, проблема в том, что не работает условная отрисова: <template> <div id="app"> <StartScreen v-show="menu" /> </div> </template> <script> import StartScreen from './components/StartScreen.vue' export default { name: 'app', components: { StartScreen }, props: { menu: true } } </script>

Ты путаешь data и props

Ты путаешь data и props

А в чем разница между data и props? Я до сих пор не могу понять...

Одни свойства компонента которые приходят извне - props

Вторые это внутреннее состояние компонента - data

Пропсы неизменяемые внутри компонента

Данные изменяемы

Еще один вопрос. хочу сделать tabs на странице. Делаю вот так: <component v-bind:is="com" v-bind:msg="msg"></component> Но у меня только в одном компоненете есть пропс msg. Вроде все работает. но только у тех компонентов у которых нет пропс msg vue пишет этот msg вот так в tag: <nav class="navba" msg="Headerok - переданный текст"></nav> Можно ли вообще настроить как нибудь что msg Не передовался в компоненты в которых он нет в пропсах

https://ru.vuejs.org/v2/api/#inheritAttrs

Еще один вопрос. хочу сделать tabs на странице. Делаю вот так: <component v-bind:is="com" v-bind:msg="msg"></component> Но у меня только в одном компоненете есть пропс msg. Вроде все работает. но только у тех компонентов у которых нет пропс msg vue пишет этот msg вот так в tag: <nav class="navba" msg="Headerok - переданный текст"></nav> Можно ли вообще настроить как нибудь что msg Не передовался в компоненты в которых он нет в пропсах

Выше тебе ответ

https://ru.vuejs.org/v2/api/#inheritAttrs

Спасибо огромное. Не знал даже о током.