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

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

я все данные шлю, но на backend проверяю, есть ли флаг у родитеского элемента

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

ну если при нажатии кнопки назад в браузере ты переходишь на предыдущую страницу - то да

и избежать этого увы никак, да ?

и избежать этого увы никак, да ?

https://vuejs.org/v2/guide/routing.html можно не юзать router

я тоже об этом думал)

можно вместе router.push юзать router.replace, если я правильно тебя понял

а в доке на это есть инфа ?

А как router link тогда будет работать?

https://router.vuejs.org/ru/essentials/navigation.html тута

спасибо брат

:D

А как router link тогда будет работать?

добавить атрибут <router-link :to="..." replace>

спасибо брат

:)

Здравствуйте! Подскажите пожалуйста. Вот в чем дело, работаю с router и возникла такая проблема: к примеру вот такие конфиги роутера { path: '/forget/:key', component: Forget}, { path: '/signin', component: Signin } Если захожу по адресу http://localhost:8080/signin То всё ок, а вот к примеру http://localhost:8080/forget/123 уже ошибка, он пытается найти файл по адресу http://localhost:8080/forget/app/main.js А точнее, вот такая ошибка в консоли: GET http://localhost:8080/forget/app/main.js net::ERR_ABORTED В какую сторону капать? Это во Vue или может Webpack нужно настраивать? 🙂 Спасибо за внимание)

в html путь поставть абсолютный а не относительный для подключения js main.js

повторю свой вопрос кто сталкивался, в firefox - при переходе на страницу долго генерируется список через v-for из vuex в итоге страница висит секунд 5 потом отображается, элементов не много (100) простой <li> в chrome такого поведения нет

повторю свой вопрос кто сталкивался, в firefox - при переходе на страницу долго генерируется список через v-for из vuex в итоге страница висит секунд 5 потом отображается, элементов не много (100) простой <li> в chrome такого поведения нет

Что значит "висит"?

firefox рендерит список и не показывает результат рендера

firefox рендерит список и не показывает результат рендера

В смысле, страница подвисает/тормозит?

В смысле, страница подвисает/тормозит?

* страница

это очень похоже на код типа for(i=0;i<1000000;i++){ r = i^2 }

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

это очень похоже на код типа for(i=0;i<1000000;i++){ r = i^2 }

А как данные в vuex попадают? Есть ли какие-то операции до вставки во вьюкс/обработка элементов после вывода из вьюкс?

там http нет, все чисто из store данные берутся

ничего нет, чисто из store берется и сразу в v-for кладется, никаких преобразований

причем chrome все махом обрабатывает, никаких затупов нет

Ну я бы профайлер в браузере открыл

да уметь бы правильно пользоваться)

ых) профайлер в помощь.

в html путь поставть абсолютный а не относительный для подключения js main.js

Блин, да, спасибо большое! )

пойду профайлерить тогда

Да там не надо дофига знать. Погугли пару статей, потыкай и поймёшь, что у тебя так долго выполняется

https://itnext.io/four-tips-for-working-with-vue-js-b362d97de852

Советы пушка

https://itnext.io/four-tips-for-working-with-vue-js-b362d97de852

Звучит как "Используйте JS, чтобы писать клиентский веб"

70 хлоп хлоп собрала статья

Польза статьи стремится к нулю, графоманство какое-то

Доброго времени суток, пытаюсь в asyncData сделать редирект пользователя: asyncData({req, redirect}) { redirect('/') } Прилетаеет ошибка: Cannot set headers after they are sent to the client В чём может быть дело, заранее благодарен)

Доброго времени суток, пытаюсь в asyncData сделать редирект пользователя: asyncData({req, redirect}) { redirect('/') } Прилетаеет ошибка: Cannot set headers after they are sent to the client В чём может быть дело, заранее благодарен)

где-то уже отправляется res.send, res.json. сам недавно сталкивался

Делаю вот так вот, действительно проблема в гет запросе, но как это можно вылечить? asyncData({req, redirect}) { var clientRedirect = redirect var tmpVue = new Vue() tmpVue.$http.get('http://localhost:9000/profiles', {headers: {'jwt': '1234567890'}}).then(response => { if (response.status == 200) { return { jwt: jwt, chooseProfile: { profiles: response.body, modalActive: false } } } }, response => { if(response.status == 401) { redirect('/') } }); }

tmpVue.$http.get возвращает промис?

угу

Ада, очевидно же

Тебе надо ждать пока промис зарезолвится

Например используя async

Понял, спасибо)

Делаешь async asyncData

И await $http.get...

Либо брать колбек

Я не помню каким он там параметром

спасибо, погуглю есть что))

Подскажите что за event v-on отвечает , за нажатую удержанную кнопку

?

Подскажите что за event v-on отвечает , за нажатую удержанную кнопку

Посмотри тут: https://jsfiddle.net/Herteby/x53494ef/

Да спасибр , уже наткнулся

подскажите с одной проблемкой, у меня есть лист и есть фильтр фильтр работает нормально, но если я выбираю not-checked и ставлю в одном из списка галочку - он продолжает отображаться. Как пересчитывать computed в таком случае?

https://codesandbox.io/s/27q9r325n

разобрался

Добрый день, можете скниуть примеры реализации логина Я реализовал функционал сайта, теперь остался, логин. У меня всего 2 html 1: index.html 2: loginh.html Как в index.html sidebar и navbar, все перекрыть и показать login?

</v-app> <v-app v-else> <router-view></router-view> </v-app> </template>

как-то так... это если vue-router используется в приложении <template> <v-app v-if="template"> <!— Что-то... —> <router-view></router-view> <!— Что-то... —> </v-app> <v-app v-else> <router-view></router-view> </v-app> </template> <script> export default { name: "app", data() { return { template: true } }, watch: { '$route': 'init', }, created() { this.init(); }, methods: { init() { this.template = this.$route.path !== '/login'; }, } } </script>

<v-app /> можно заменить на <div />

v-app компонент vuetify... может вы его и не используете...

А что, биндить класс несколькими тернарными нельзя? Ошибку даёт: :class="[addClass, loading ? 'loading' : '', success ? 'btn-success : '']"

Всем привет, не могу понять делаю как написано, даже в тупую копипаст сделал не работают фильтры через v-model="phone | formatPhone" https://012.vuejs.org/guide/custom-filter.html#Two-way_Filters. в консоле написано [Vue warn]: Property or method "formatPhone" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. Куда смотреть надо?

А что, биндить класс несколькими тернарными нельзя? Ошибку даёт: :class="[addClass, loading ? 'loading' : '', success ? 'btn-success : '']"

Можно

А что, биндить класс несколькими тернарными нельзя? Ошибку даёт: :class="[addClass, loading ? 'loading' : '', success ? 'btn-success : '']"

Объектной записью в таком случае удобнее не будет?

Всем привет, не могу понять делаю как написано, даже в тупую копипаст сделал не работают фильтры через v-model="phone | formatPhone" https://012.vuejs.org/guide/custom-filter.html#Two-way_Filters. в консоле написано [Vue warn]: Property or method "formatPhone" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. Куда смотреть надо?

Копипаст для очень старой версии вью

Ты просто кавычку не закрыл

а сейчас как правильно?

а сейчас как правильно?

Фильтры указывать отдельной секцией — посмотрите в документации

:class="addClass" :class="{loading, 'btn-success': success}"

И компонент запилить для форматирования например

А что, биндить класс несколькими тернарными нельзя? Ошибку даёт: :class="[addClass, loading ? 'loading' : '', success ? 'btn-success : '']"

Вот так попробуй

:class="addClass" :class="{loading, 'btn-success': success}"

я тоже так подумал, но - duplicate attribute: :class

Эээ