Igor
Головка от часов "Заря"
Павел
коммит нормально идет
Dmitry
Павел
и мне надо ее в шаблоне отображать. хочу сделать через computed
Павел
но что-то не так :(
Ivan
ребя, axois не успевает загрузить данные и ничего не рендериться. Как решить эту проблему, какой-то делэй сделать?
Igor
ребя, axois не успевает загрузить данные и ничего не рендериться. Как решить эту проблему, какой-то делэй сделать?
ты что-то делаешь не правильно.
Igor
делей не нужен
Павел
Error in render: "TypeError: Cannot read property 'getters' of undefined"
Denis
Я так понимаю, структуру данных-то все равно лучше описать, чтоб Вью их зареактивил
Denis
Если data() изначально пустая, то там реактивить нечего и рендер не пойдет
Павел
computed: {
...mapGetters(['mG'])
}
Denis
А надо ли их делать computed?
Павел
мне лень код переписывать)
Павел
оно разве не как дата работает?
Denis
Оно работает как computed))
batkor
ребя, axois не успевает загрузить данные и ничего не рендериться. Как решить эту проблему, какой-то делэй сделать?
Как это? Однозначно где то вы потеряли причинно следственную связь
Ivan
Как это? Однозначно где то вы потеряли причинно следственную связь
https://jsfiddle.net/posva/5k4ptmqg/
Ivan
примерно так, если делать проверку на length, то ошибка пропадает, но компонент не грузиться. Если убрать, то будет ошибка но компонент в итоге грузиться
Павел
а как лучше сделать...
Павел
вот так
Павел
const self = this
axios
.get('/api/mG')
.then(res => {
self.mG = res.data
S.commit('mG', res.data)
})
.catch(function () {})
Павел
или поместить аксиос в экшен в хранилище?
Павел
как правильнее?
Denis
One important rule to remember is that mutation handler functions must be synchronous.
Павел
я знаю что мутация должна быть только синхронной, но мутация должна находиться внутри синхронной функции???
Denis
Нет
Flexo
Имеешь ввиду как результат получить?
Павел
да
Павел
await S.dispatch('mGLoad')
this.mG= S.mg
Flexo
В мутации в стору результат пишешь, потом через getter получаешь результат из сторы
Павел
В мутации в стору результат пишешь, потом через getter получаешь результат из сторы
фак! как все быстро забывается!!! я забыл про getters я в коде просто не писал его и получалось undefined
Павел
Alexey
Всем привет. Мне надо захардкодить в паре компонент массив объектов для селекта. Если хранить его в сторе, это сильно грязно с т.з. архитектуры?
Павел
В мутации в стору результат пишешь, потом через getter получаешь результат из сторы
аксиос не успевает отработать :(
Eugen Su
я как то ничеитая ворвусь, а зачем делать мутацию асинхронную?
Eugen Su
для этого же экшены есть
Sergey
кто-то сталкивался с таким вот [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Rafael 🌵
Рекурсия у тебя где-то
Sergey
Ага
Sergey
Это сужает поиск, спасибо
Павел
для этого же экшены есть
я делаю mounted, потом в нем store.dispatch, потом this.A = store.A и нифига! в компоненте нет ничего
Павел
а в хранилище лежит
Eugen Su
через геттер кончено же?
Павел
да
Eugen Su
а под "нифига" подразумевается что нет реактивности?
Eugen Su
или в компоненте андефайнд идет
Eugen Su
как то без кода тяжело)))
Павел
undefined
Павел
mounted () {
S.dispatch('ManagersGroupLoad')
this.managersGroup = S.getters.managersGroup
}
Павел
где S это store
Павел
дак в чем я не прав?
Kyrylo
Не знаю можно ли так как у тебя, но я геттеры использую в computed свойствах
Mr. M
quasar хорошо кастомизируется?
Serge
дак в чем я не прав?
в том что диспатч асинххронный и присваивание this.managersGroup происходит раньше, чем в сторе заполняется managersGroup
Eugen Su
экшены исползуют промиссы
Павел
в том что диспатч асинххронный и присваивание this.managersGroup происходит раньше, чем в сторе заполняется managersGroup
async mounted () {
await S.dispatch('ManagersGroupLoad')
this.managersGroup = S.getters.managersGroup
}
Павел
тоже не работает
Serge
ну и зачем this.managersGroup присваивать - непонятно. есть же геттер.
Павел
у тебя там промис в промисе наверно, вот и не работает
actions: {
ManagersGroupLoad (context) {
axios
.get('/api/managers_group')
.then(res => {
context.commit('managersGroup', res.data)
})
.catch(function () {})
}
}
Serge
actions: {
ManagersGroupLoad (context) {
axios
.get('/api/managers_group')
.then(res => {
context.commit('managersGroup', res.data)
})
.catch(function () {})
}
}
console.log нафтыкай везде и тебе станет всё понятно
Serge
порядок выполнения увидишь
Eugen Su
ну и в компоненте, экшен возвращает промис, то есть S.dispatch('ManagersGroupLoad').then(() => this.managersGroup = S.getters.managersGroup)
Serge
ну и в компоненте, экшен возвращает промис, то есть S.dispatch('ManagersGroupLoad').then(() => this.managersGroup = S.getters.managersGroup)
выше его пример с async\await - это по сути тоже самое
Туся
Павел
сейчас попробую
Павел
я уже не знаю что сделать
Aleksandr
ребят как в textarea сделать перенос строоки по \n?
Туся
или там тоже async\await - тогда сработает и в компоненте
ну да, любой способ, превращающий экшен в промис
Павел
все равно нифига не работает
Flexo
Что-то не так делаешь