F
can we use npm for nuxt.js ?
Size: a a a
2021 March 02
MK
Всем привет, невероятная проблема какая то случилась, тупо перестал собираться проект? Показывает что все собралось все хорошо, но в бразуере бесконечный лоадинг, хотя не было не единого намека на бесконечный цикл
У меня постоянно такая проблема на 2.12 версии. Нужно закрыть вкладки с накстом. Перезапустить сборку проекта полностью. Дождаться когда сборка завершится и только после этого открывать локалхост
BT
can we use npm for nuxt.js ?
There is no big difference, use what you want
F
ok
S
Всем привет!
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
IA
Stanislav
Всем привет!
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Есть WatchQuery
IA
Stanislav
Всем привет!
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
В
только учитывайте что это для асинкдата для нового fetch там просто дергать $fetch в вотчере route.query
IA
Stanislav
Всем привет!
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
А для изменения самих параметров просто пуш новые параметры типа так
this.$router.push({query: { foo:baz }})S
А для изменения самих параметров просто пуш новые параметры типа так
this.$router.push({query: { foo:baz }})Спасибо за ответ! Относительно
this.$router.push({query: { foo:baz }}) - это работает, однако смутило, что при таком подходе nuxt отражает прогресс-бар в верхней части страницыIA
Stanislav
Спасибо за ответ! Относительно
this.$router.push({query: { foo:baz }}) - это работает, однако смутило, что при таком подходе nuxt отражает прогресс-бар в верхней части страницыВсе верно, ведь асинкДата будет выполняться
K
Приветствую, коллеги!
Ознакомился с правилами, не нашел пункта про мой вопрос #вакансия.
Занимаемся разработкой проекта на nuxt. Ищем в команду опытного специалиста, который поможет увеличить темп работы. Кому интересно было бы заняться фулл-тайм проектом на 3 месяца напишите мне в ЛС пожалуйста @escfox
Задачи:
- Разработка UI-компонентов на Vue.js;
- Покрытие тестами, сбор метрик и полноценное участие в создании продукта
Вопросы в ЛС. Спасибо!
Ознакомился с правилами, не нашел пункта про мой вопрос #вакансия.
Занимаемся разработкой проекта на nuxt. Ищем в команду опытного специалиста, который поможет увеличить темп работы. Кому интересно было бы заняться фулл-тайм проектом на 3 месяца напишите мне в ЛС пожалуйста @escfox
Задачи:
- Разработка UI-компонентов на Vue.js;
- Покрытие тестами, сбор метрик и полноценное участие в создании продукта
Вопросы в ЛС. Спасибо!
S
Все верно, ведь асинкДата будет выполняться
Хотелось бы избежать такого поведения. Тут задача нечто вроде забайндить какой нибудь инпут с адресной строкой, чтобы сформировать url, которым можно будет поделиться и, соответственно, при загрузке страницы можно будет эти параметры считать, чтобы правильно сформировать список товаров
AS
Stanislav
Всем привет!
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
Подскажите, пожалуйста, относительно query-параметров. Суть в том, что нужно мгновенно отражать изменение фильтров товаров в интернет-магазине в query-параметрах в адресной строке браузера. Нечто в таком духе: /some-url?count=1&price=100 Например, чтобы при изменении price значение сразу же обновилось в адресной строке. Не уверен относительно this.$router.replace({ query }), подходит ли этот метод для данной задачи? Может есть какое-то готовое решение?
я вообще делал так: заносил в объект нужные параметры и присваивал его как query
AS
updateUrl(queryKey, queryArray){
Object.filter = (obj, predicate) =>
Object.keys(obj)
.filter( key => predicate(obj[key]) )
.reduce( (res, key) => (res[key] = obj[key], res), {} );
let vm = this;
let queryCopy = {...vm.$route.query}
let query = {...queryCopy, ...{[queryKey]: JSON.stringify([...queryArray])} }
let filteredQuery = Object.filter(query, key => !key.includes('[]'))
vm.$router.replace({ query: filteredQuery})
},
у меня был связаны инпуты через v-model, соответствующие массивы я преобразовывал в строку и создавал новый объект который переопределял query причем если значение пустое то оно с query удаляется
Object.filter = (obj, predicate) =>
Object.keys(obj)
.filter( key => predicate(obj[key]) )
.reduce( (res, key) => (res[key] = obj[key], res), {} );
let vm = this;
let queryCopy = {...vm.$route.query}
let query = {...queryCopy, ...{[queryKey]: JSON.stringify([...queryArray])} }
let filteredQuery = Object.filter(query, key => !key.includes('[]'))
vm.$router.replace({ query: filteredQuery})
},
у меня был связаны инпуты через v-model, соответствующие массивы я преобразовывал в строку и создавал новый объект который переопределял query причем если значение пустое то оно с query удаляется
S
updateUrl(queryKey, queryArray){
Object.filter = (obj, predicate) =>
Object.keys(obj)
.filter( key => predicate(obj[key]) )
.reduce( (res, key) => (res[key] = obj[key], res), {} );
let vm = this;
let queryCopy = {...vm.$route.query}
let query = {...queryCopy, ...{[queryKey]: JSON.stringify([...queryArray])} }
let filteredQuery = Object.filter(query, key => !key.includes('[]'))
vm.$router.replace({ query: filteredQuery})
},
у меня был связаны инпуты через v-model, соответствующие массивы я преобразовывал в строку и создавал новый объект который переопределял query причем если значение пустое то оно с query удаляется
Object.filter = (obj, predicate) =>
Object.keys(obj)
.filter( key => predicate(obj[key]) )
.reduce( (res, key) => (res[key] = obj[key], res), {} );
let vm = this;
let queryCopy = {...vm.$route.query}
let query = {...queryCopy, ...{[queryKey]: JSON.stringify([...queryArray])} }
let filteredQuery = Object.filter(query, key => !key.includes('[]'))
vm.$router.replace({ query: filteredQuery})
},
у меня был связаны инпуты через v-model, соответствующие массивы я преобразовывал в строку и создавал новый объект который переопределял query причем если значение пустое то оно с query удаляется
Спасибо за ответ
OK
Всем привет. Не могу понять. В middleware можно получить адрес страницы, на которую перехожу, а не текущую?
OK
Копался в контексте - там только текущая. Или я что-то не разглядел
A
через роутер не получается посмотреть откуда куда переход был?
OK
через роутер не получается посмотреть откуда куда переход был?
Не-а(