Size: a a a

Nuxt.js | Vue SSR

2021 March 12

С

Сергей М. in Nuxt.js | Vue SSR
Qwerty
познавательного характера вопрос - зачем это через vuex делать?
в данном случае это необязательно, просто экшены вместе лежат и все, мне так удобней
источник

Q

Qwerty in Nuxt.js | Vue SSR
Сергей М.
в данном случае это необязательно, просто экшены вместе лежат и все, мне так удобней
а vuex то зачем? Я так понял данные напрямую из бэка
источник

С

Сергей М. in Nuxt.js | Vue SSR
Qwerty
а vuex то зачем? Я так понял данные напрямую из бэка
вынес логику в стор из шаблона
источник

Q

Qwerty in Nuxt.js | Vue SSR
Сергей М.
вынес логику в стор из шаблона
из компонента?
источник

С

Сергей М. in Nuxt.js | Vue SSR
Qwerty
из компонента?
это page, но данные прилетают и для компонентов
try {
     const article = await this.$axios.$get(`/pages/article/${params.page}/?cat=${params.cat}`)
     const name = article.category.breadcrumb.toLowerCase()
     commit('setObj', {name: 'logoSubtext', value: name}, {root: true})
     commit('comments/setObj', {name: 'comments', value: article.comments}, {root: true})
     return article
   } catch (e) {
     this.$toast.error(e).goAway(3500)
     console.log(e)
   }
источник

IT

Igor Tuyakpaev in Nuxt.js | Vue SSR
Евстафий Ерофеев
Бонжур, братцы. Философский вопрос:
Представьте что у ваших пользователей есть разные роли с разными обязанностями или функциями.

И вот для одной роли вы пилите страницу, допустим /requests. У этой страницы свой функционал, своя логика которая связанна именно с первой ролью.

Спустя время вам надо сделать точно такой же роут для другой роли (/requests) но там совсем другой функционал, никак не связанный с первой ролью

Есть идеи как такое можно провернуть: роут один, но для разных ролей - свой компонент?

Идея с префиксом с начале роута отклонена
Рендеринг разные компоненты в одном роуте?
источник

Q

Qwerty in Nuxt.js | Vue SSR
Igor Tuyakpaev
Рендеринг разные компоненты в одном роуте?
динамические напрашиваются типа?
источник

ЕЕ

Евстафий Ерофеев... in Nuxt.js | Vue SSR
Igor Tuyakpaev
Рендеринг разные компоненты в одном роуте?
да, взависимости от какой то переменной, полученной извне
источник

IT

Igor Tuyakpaev in Nuxt.js | Vue SSR
В сторе хранить роль, и от неё да
источник

Q

Qwerty in Nuxt.js | Vue SSR
Сергей М.
это page, но данные прилетают и для компонентов
try {
     const article = await this.$axios.$get(`/pages/article/${params.page}/?cat=${params.cat}`)
     const name = article.category.breadcrumb.toLowerCase()
     commit('setObj', {name: 'logoSubtext', value: name}, {root: true})
     commit('comments/setObj', {name: 'comments', value: article.comments}, {root: true})
     return article
   } catch (e) {
     this.$toast.error(e).goAway(3500)
     console.log(e)
   }
а. там side эффект
источник

С

Сергей М. in Nuxt.js | Vue SSR
Igor Tuyakpaev
Рендеринг разные компоненты в одном роуте?
мне на один запрос прилетает все, контент страницы и комментарии, а название категории ставлю под логотип
источник

Q

Qwerty in Nuxt.js | Vue SSR
Сергей М.
мне на один запрос прилетает все, контент страницы и комментарии, а название категории ставлю под логотип
понял ага.(не туда ответили)
источник

AZ

Alexander Zaplitniy in Nuxt.js | Vue SSR
Подскажите есть ли вариант тестить ответы от API на фронте, просто проверять не изменилась ли json структура?
источник

Q

Qwerty in Nuxt.js | Vue SSR
Alexander Zaplitniy
Подскажите есть ли вариант тестить ответы от API на фронте, просто проверять не изменилась ли json структура?
валидатор чтоль?
источник

А

Александр in Nuxt.js | Vue SSR
Александр
Народ подскажите, что я делаю не так.
Устанавливаю компонент:
npm install vue-slider-component --save
создаю файл
~/plugins/vue-slider-component.client.js
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.use(VueSliderComponent);
добавляю в
nuxt.config.js
plugins: [
'~/plugins/vue-slider-component.client',
добавляю на страничке index.vue
<client-only placeholder="loading...">
<VueSliderComponent ref="slider" v-bind="slider" v-model="filters.price"></VueSliderComponent>
</client-only>
Компонент не отображается и ругается в консоли:
[Vue warn]: Unknown custom element: <VueSliderComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Pages/index.vue> at pages/index.vue
      <Nuxt>
        <Layouts/withoutFooter.vue> at layouts/without_footer.vue
          <Root>
Слава яйцам
надо было в
~/plugins/vue-slider-component.client.js
вместо
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.use(VueSliderComponent);

писать
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.component('VueSliderComponent', VueSliderComponent);
источник

А

Александр in Nuxt.js | Vue SSR
@qwertyami, спасибо
источник

Q

Qwerty in Nuxt.js | Vue SSR
Александр
@qwertyami, спасибо
за что? )) я не помог
источник

AZ

Alexander Zaplitniy in Nuxt.js | Vue SSR
Qwerty
валидатор чтоль?
Нет, например есть ответ новостей {id, name}, потом на беке меняют на наименования полей на {id, title}. Можно ли как то это тестить?
источник

А

Александр in Nuxt.js | Vue SSR
за наводку! ))))
источник

Q

Qwerty in Nuxt.js | Vue SSR
Alexander Zaplitniy
Нет, например есть ответ новостей {id, name}, потом на беке меняют на наименования полей на {id, title}. Можно ли как то это тестить?
это как то странно, ну а в чем проблема сопоставить структуру ручками?
источник