Size: a a a

Nuxt.js | Vue SSR

2021 March 23

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
Tesla
filename: basket/mutation.ts
`[PUSH_TO_ITEMS]({ items }: StateInterface, item: { name: string, img: string }) {
   items.push(item)
 }`

filemame: basket/index.ts
`
import state from './state'
import getters from './getters'
import mutaions from './mutations'
import actions from './actions'

export default {
 state,
 getters,
 mutaions,
 actions,
 namespaced: true,
}
`

filename: basket/mutations-types.ts
`
export const SET_ITEMS = 'SET_ITEMS'
export const PUSH_TO_ITEMS = 'PUSH_TO_ITEMS'


`filename: store/index.ts
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import basket from './basket'
import books from './books'
import electronics from './electronics'
import entertainment from './entertainment'

export default new Vuex.Store({
 modules: {
   basket,
   books,
   electronics,
   entertainment
 }
})`

почему $store.commit('basket/PUSH_TO_ITEMS', el)
вызывает ошибку: vuex.esm.js?2f62:460 [vuex] unknown mutation type: basket/PUSH_TO_ITEMS?
namespaced должен быть глобальным или можно добавлять на конкретные модули?
источник

T

Tesla in Nuxt.js | Vue SSR
Bogdan Saliuk
namespaced должен быть глобальным или можно добавлять на конкретные модули?
геттеры нормально пашут
источник

T

Tesla in Nuxt.js | Vue SSR
Bogdan Saliuk
namespaced должен быть глобальным или можно добавлять на конкретные модули?
я неправильно понял?
источник

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
Tesla
я неправильно понял?
это в целом вопрос :) не знаю, можно ли прописывать namespaced на конкретный модуль
источник

T

Tesla in Nuxt.js | Vue SSR
Bogdan Saliuk
это в целом вопрос :) не знаю, можно ли прописывать namespaced на конкретный модуль
это так и надо делать на конкретные модули
источник

T

Tesla in Nuxt.js | Vue SSR
я тоже охренел, когда узнал, мол: зачем?
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Кто нить пользуется модулем родным https://auth.nuxtjs.org/
как к нему обратиться на стороне сервера?
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Mihail_20_vek
Кто нить пользуется модулем родным https://auth.nuxtjs.org/
как к нему обратиться на стороне сервера?
Как и с любой другой операцией при SSR - в nuxtServerInit или asyncdata/fetch.
источник

T

Tesla in Nuxt.js | Vue SSR
Tesla
filename: basket/mutation.ts
`[PUSH_TO_ITEMS]({ items }: StateInterface, item: { name: string, img: string }) {
   items.push(item)
 }`

filemame: basket/index.ts
`
import state from './state'
import getters from './getters'
import mutaions from './mutations'
import actions from './actions'

export default {
 state,
 getters,
 mutaions,
 actions,
 namespaced: true,
}
`

filename: basket/mutations-types.ts
`
export const SET_ITEMS = 'SET_ITEMS'
export const PUSH_TO_ITEMS = 'PUSH_TO_ITEMS'


`filename: store/index.ts
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import basket from './basket'
import books from './books'
import electronics from './electronics'
import entertainment from './entertainment'

export default new Vuex.Store({
 modules: {
   basket,
   books,
   electronics,
   entertainment
 }
})`

почему $store.commit('basket/PUSH_TO_ITEMS', el)
вызывает ошибку: vuex.esm.js?2f62:460 [vuex] unknown mutation type: basket/PUSH_TO_ITEMS?
не актуально
источник

T

Tesla in Nuxt.js | Vue SSR
источник

T

Tesla in Nuxt.js | Vue SSR
mutaions блин (x
источник

T

Tesla in Nuxt.js | Vue SSR
ахаххха
источник

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
:)
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Как и с любой другой операцией при SSR - в nuxtServerInit или asyncdata/fetch.
спасибо
источник

М

Михаил in Nuxt.js | Vue SSR
Есть кто работает со Swiper.js через директивы? Как там присоединить топ слайдер к тумбам для карусели? Ну или вообще кто как подключает
источник

М

Михаил in Nuxt.js | Vue SSR
mounted() {
     this.$nextTick(() => {
       const swiperTop = this.$refs.swiperTop.$swiper
       const swiperThumbs = this.$refs.swiperThumbs.$swiper
       swiperTop.controller.control = swiperThumbs
       swiperThumbs.controller.control = swiperTop
     })
   }
источник

М

Михаил in Nuxt.js | Vue SSR
по такому примеру не заводится, переменной $swiper не обнаруживает
источник

N

Nano.Karmabot.chat in Nuxt.js | Vue SSR
источник

M

MDWIT in Nuxt.js | Vue SSR
Михаил
mounted() {
     this.$nextTick(() => {
       const swiperTop = this.$refs.swiperTop.$swiper
       const swiperThumbs = this.$refs.swiperThumbs.$swiper
       swiperTop.controller.control = swiperThumbs
       swiperThumbs.controller.control = swiperTop
     })
   }
<script>
import Swiper from "swiper";

export default {
 async mounted() {
   new Swiper(".swiper-container", {
     slidesPerView: "auto",
     loop: true,
     slidesPerGroup: 1,
     spaceBetween: 15,
   });
 },
};
</script>
Я так подключаю. Использую обычный свайпер, не для vue
источник

М

Михаил in Nuxt.js | Vue SSR
MDWIT
<script>
import Swiper from "swiper";

export default {
 async mounted() {
   new Swiper(".swiper-container", {
     slidesPerView: "auto",
     loop: true,
     slidesPerGroup: 1,
     spaceBetween: 15,
   });
 },
};
</script>
Я так подключаю. Использую обычный свайпер, не для vue
это просто слайдер имеешь в виду, а два слайдера между собой соединить как?
источник