Size: a a a

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

2019 November 27

RK

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

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
если можно в стор закинуть и менять там
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
К сторе получают доступ несколько компонентов в разных ветках дерева компонентов?
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
да
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
У вас кроме стора есть provide inject
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Если разные ветки тогда ок, но от мутаций вам никуда не деться.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Стора это для совсем совсем глобальных данных, для рисования графика это такое себе решение
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
а как по человечески прокинуть информацию через n компонентов?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Providei inject
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Чтобы была реактивность можете обернуть во Vue.observable
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
эх без толковых примеров офигеешь)
источник

E

Eugene in Nuxt.js — русскоговорящее сообщество
всем привет. Кто-то юзал invisible recaptha на форме где две кнопки должны сабмитится с рекаптчей?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Roman Kolosov
эх без толковых примеров офигеешь)
Это работает так же как стора, только применяется к ветке компонентов. Объявите в рутовом компоненте и это будет доступно во всех дочерних компонентах и в их дочках и так далее.
источник

RK

Roman Kolosov in Nuxt.js — русскоговорящее сообщество
понял, т.е меняя объект в дочернем увижу изменение в родители если использую watch например?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Объект реактивный так что да, но если у вас сложный объект стора как ни странно лучше подойдет потому что там можно отследить откуда пришли изменения. С инъекциями вы не сможете понять кто мутировал объект. Эта штука больше для того чтобы делиться состоянием, но не для того чтобы мутировать это состояние из любого места в приложении.
источник

ak

alone kot in Nuxt.js — русскоговорящее сообщество
Всем привет! А как редактировать конфигурацию url loader ?

Нашел вот такое..

let imgTest = '/\\.(png|jpe?g|gif|svg|webp)$/';
 // find by reg ex string to not rely on rule structure
 let urlRule = config.module.rules.find(r => r.test.toString() === imgTest);

 // you can use also "oneOf" section and define both loaders there.
 // removed images from url-loader test
 urlRule.test = /\.(svg|webp)$/;


Может быть есть менее костыльное что то?
источник

AL

Alex L in Nuxt.js — русскоговорящее сообщество
Всем привет, в computed прописал переменную с явным get/set
computed: {
     email: {
       get: () => {
         return this.$store.state.index.email;
       },
       set: (value) => {
         this.$store.commit('index/setEmail', value);
       }
     }
   },

Получаю ошибку `Cannot read property '$store' of undefined`в get. Я так понимаю, это не работает при SSR?
источник

PM

Pavel Muset in Nuxt.js — русскоговорящее сообщество
Alex L
Всем привет, в computed прописал переменную с явным get/set
computed: {
     email: {
       get: () => {
         return this.$store.state.index.email;
       },
       set: (value) => {
         this.$store.commit('index/setEmail', value);
       }
     }
   },

Получаю ошибку `Cannot read property '$store' of undefined`в get. Я так понимаю, это не работает при SSR?
это из за стрелочных функции. У тебя не тот контекст
источник

AL

Alex L in Nuxt.js — русскоговорящее сообщество
Pavel Muset
это из за стрелочных функции. У тебя не тот контекст
Должен же быть контекст Vue именно из-за стрелочных?
источник

PM

Pavel Muset in Nuxt.js — русскоговорящее сообщество
пробуй вот так
computed: {
     email: {
       get () {
         return this.$store.state.index.email;
       },
       set(value) {
         this.$store.commit('index/setEmail', value);
       }
     }
   },
источник