Size: a a a

Nuxt.js | Vue SSR

2021 April 22

U

Unknown in Nuxt.js | Vue SSR
When I refresh the page the data appears
источник

U

Unknown in Nuxt.js | Vue SSR
But I want it to appear without refreshing
источник

U

Unknown in Nuxt.js | Vue SSR
Guys?
источник

AS

Alexandr Sachishin in Nuxt.js | Vue SSR
We described methods to do what you want
источник

A

Aquinary in Nuxt.js | Vue SSR
Ну да
Действительно
Самое забавное, что на другой странице, где этот компонент используется уже всё было сделано через :key
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
очевидно, что для этих двух компонентов нужны одни и те же данные с сервера (первому массив, второму длина массива и текущая страница) - значит, данные получаем выше и пропсами в компоненты, либо через vuex
источник

J

JGGJ in Nuxt.js | Vue SSR
Dear, one question:
in a vue project, vuex looks like this:
new Vuex.Store({
  state: {....},
  modules:{
     app,
     notification
  }
})
It turns out that I am moving it to nuxtjs, in the state part it worked for me as they indicated in this group, do it like this:
export const state = () => ({...})
but I don't know how to do the modules part
источник

A

Aquinary in Nuxt.js | Vue SSR
Через :key сделал
Pagination(:key="$store.state.pagination.page_count"), т.е. просто обновляю компонент как только получаем количество страниц
Но есть ещё более интересная беда, уже не связанная с этим)
источник

A

Aquinary in Nuxt.js | Vue SSR
Имеется такой темплейт
https://gist.github.com/Aquinary/6affca4e9ddb9666cee6eb778f63f60a
Суть в том, что на одном шаблоне URL может быть как slug поста, так и фильтры, по которым надо показать список постов
Т.е. site.com/news/kakayato-novost - это определённый пост
А site.com/news/moscow - это список постов, отфильтрованный по городу "Москва"
Вся механика была реализована, там ещё тот ппц творится, но в любом случае такой "роутинг" работает как надо
Но есть проблемка
Если включить режим slow 3g, то видно, как сначала показывается вёрстка списка постов (т.е. всё что в #content(v-else) и только потом показывается вёрстка поста
источник

A

Aquinary in Nuxt.js | Vue SSR
И это немного напрягает
Просто я хз как ещё можно на один шаблон урл повесить принципиально две разных вариации отображения)
источник

S

Stanislav in Nuxt.js | Vue SSR
Приветствую!

В последней версии шторма возникла проблема с импортами. В корне есть webpack.config.js (раннее это решало проблему), в настройках казан путь к файлу в качестве ручной конфигурации. IDE не ругается, но через CTRL уйти в нужный компонент не получается, IDE не определяет его. Может кто сталкивался с подобным?
источник

A

Aquinary in Nuxt.js | Vue SSR
Удачи. Скорее всего)
Когда собирался объединить фронт и бэк в одной IDE (pycharm), то долгое время не мог понять, почему не появляется пункт определённый, который крайне полезен при использовании бэка (джанго)
Поиск в инете ничего не дал. В итоге выяснилось, что надо было в настройках .iml проекта поменять веб-модуль на питон-модуль
<module type="WEB_MODULE" version="4"> to <module type="PYTHON_MODULE" version="4">

Так что фиг знает что там может быть, какой-нибудь параметр добавь и всё будет работать. А какой - а хрен знает
источник

A

Aquinary in Nuxt.js | Vue SSR
К слову, всё это было зря, потому что удобнее, когда фронт и бэк висят по разным IDE, а не всё в одном месте
источник

S

Stanislav in Nuxt.js | Vue SSR
Вся беда в том, что ранее этот конфиг вебпака решал проблему. Непонятно даже что случилось, просто нифига IDE не связывает импорт с нужным компонентом
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
Typescript включили?
источник

S

Stanislav in Nuxt.js | Vue SSR
Ну, вообще ничего не менялось. Поставил параллельно более раннюю версию IDE, в ней все ок
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
подключайте компоненты для разных роутов динамически.
<component :is="isPosts ? postComponent : filterComponent">
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
если есть tsconfig - там может быть. у меня сейчас так, phpstorm наплевать, что в webpack.js написано
источник

NK

Nikolay Koshkarev in Nuxt.js | Vue SSR
лютый костыль )
источник

S

Stanislav in Nuxt.js | Vue SSR
tsconfig имеется, но ведь в настройках вручную выставлен путь к webpack.config.js
источник