Size: a a a

Nuxt.js — русскоговорящее сообщество

2021 January 29

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
Ra
много же кто тут eslint юзает? проблема там в ласт версии или у меня что то не так?
он попросил меня поднять head().. выше computed - сделал... а ошибка остается и номера строк указывает старые... чо за дела?
хм, наверное мало кто не использует, хотя статистики не знаю
видимо подвис плагин в редакторе или ide, попробуйте :
ctrl+a, ctrl+x, ctrl+s, ctrl+v, ctrl+s
источник

R

Ra in Nuxt.js — русскоговорящее сообщество
Хеее, пустой .vue не выдает ошибок кроме тех что выше указал)))
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
vscode? перезапустите
источник

R

Ra in Nuxt.js — русскоговорящее сообщество
Webstorm
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Добрый день, коллеги!

Задача стояла, получать из query значения активного языка и валюты на сайте. Если в хэдере менялись значения валют или языка, то обновлялись query.

Все работает, но есть одно большое НО : нажимая кноку назад в браузере, я не переходу на предыдущую страницу, а очищаю query.
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
одобряю, перезапустите)
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
Добрый день, коллеги!

Задача стояла, получать из query значения активного языка и валюты на сайте. Если в хэдере менялись значения валют или языка, то обновлялись query.

Все работает, но есть одно большое НО : нажимая кноку назад в браузере, я не переходу на предыдущую страницу, а очищаю query.
используйте history push а не replace
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Это и делаю
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
эта строка из watch за $route
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
а это, watch за геттерами языка и валюты


watch: {
 ACTIVE_LANGUAGE() {
   this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
   this.$i18n.locale = this.ACTIVE_LANGUAGE.value;
 },
 ACTIVE_CURRENCY() {
   this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
 }
},
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
выглядит вроде так, что потенциально все ок должно быть
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
нажимаем назад и watch на query в route не срабатывает и не обновляет свойства от которых зависит представление, да?
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Сергей Rekry† Крупкин
нажимаем назад и watch на query в route не срабатывает и не обновляет свойства от которых зависит представление, да?
ух, не уловил здесь.


зачем вообще это делалось: когда буду запускать трафик на сайт через БМ facebook, я хочу просто поменять квери (язык и валюту) , чтобы запускать рекламу на разные регионы. Поменяв квери, пользователь, который перейдет по ссылке, сразу установит себе значения языка на en и валюту на usd, если это реклама на америку. если на россию, то ru и rub
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
а это, watch за геттерами языка и валюты


watch: {
 ACTIVE_LANGUAGE() {
   this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
   this.$i18n.locale = this.ACTIVE_LANGUAGE.value;
 },
 ACTIVE_CURRENCY() {
   this.$router.push({ path: this.$route.path, query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
 }
},
эта часть меняет квери, если пользователь сам поменял язык и валют. тут очевидно
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
watch: {
 '$route': {
   deep: true,
   handler() {
     //todo
   }
 }
}
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
А здесь, когда я иду по разным страницам, я должен эти же квери добавлять. чтобы человек мог делиться ссылкой на товар, например. И точно также, в зависимости от региона, он получал сарзу подходящие настройки валюты и языка

watch: {
 queryString() {
   this.$i18n.locale = this.ACTIVE_LANGUAGE.value;
 },
 $route(from, to) {
   this.setOldUrlPath(to);
   this.$router.push({ query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
 }
}
источник

AK

Alexander Konkov in Nuxt.js — русскоговорящее сообщество
Сергей Rekry† Крупкин
watch: {
 '$route': {
   deep: true,
   handler() {
     //todo
   }
 }
}
в данном случае deep true будет за query наблюдать?
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
А здесь, когда я иду по разным страницам, я должен эти же квери добавлять. чтобы человек мог делиться ссылкой на товар, например. И точно также, в зависимости от региона, он получал сарзу подходящие настройки валюты и языка

watch: {
 queryString() {
   this.$i18n.locale = this.ACTIVE_LANGUAGE.value;
 },
 $route(from, to) {
   this.setOldUrlPath(to);
   this.$router.push({ query: { lang: this.ACTIVE_LANGUAGE.value, cur: this.ACTIVE_CURRENCY.value } });
 }
}
верно в created страницы или лейаута кастомные query параметры может стоит взять и передать в реактивные свойства
источник

СК

Сергей Rekry† Крупки... in Nuxt.js — русскоговорящее сообщество
Alexander Konkov
в данном случае deep true будет за query наблюдать?
за всеми изменениями в т. ч. в дочерних обьектах
источник