Как получить id объекта из firebase?

Question

[Александр Белькевич]

Всем привет. Вопрос от новичка во Vue. Решил тут к своему тестовому проекту firebase прикрутить. Хочу сделать импровизированную ленту новостей.
На новость нажимаем - открываем компонент новости с нужным ID (посредством route).
И вот вопрос, как сгенерировать грамотно этот ID новости.
Сейчас у меня все работает так (использую vuex)

let db = fb.database()
let refBlogs = db.ref('blogs')

class BlogElement {
  constructor (name, description, id = null) {
    this.name = name
    this.description = description
    this.id = id
  }
}

mutations: {
    createBlogElement (state, payload) {
      state.blog.push(payload)
      const blogElement = new BlogElement(payload.name, payload.description)
      refBlogs.push(blogElement)
    }
  }

В конструкторе у меня есть ID. Вот каким образом его лучше заполнять? Где-то видел финт с установкой key из firebase в этот id, но найти не могу этот момент и вообще правильно ли это...

P.S. Насколько я понимаю, обращение к получению и созданию данных лучше делать через actions? Через async/awayt?

Answer 1

[hopeful_romantic]

refBlogs.push(blogElement)
  .then((data) => {
     let key = data.key
     refBlogs(blogElement).update({
       'id': key
     })
  })

Comments

[Александр Белькевич]

Я как понимаю, это через actions делать? Только начинаю в vuex разбираться, каша небольшая в голове.
Ругается на то, что не может найти refBlogs(blogElement)

[hopeful_romantic]

да, через actions
попробуй firebase.database().push(blogElement)

https://www.youtube.com/watch?v=FXY1UyQfSFw&list=P...

Answer 2

[Moe Green]

axios.get(awesome_url)
    .then(res => {
        const news = Object.keys(res.data).map(el => {
            return {
                ...res.data[el],
                id: el
            }
        })
        this.news = news
    })
    .catch(e => console.log(e))

Как-то так?

Comments

[Александр Белькевич]

Спасибо, сегодня протестирую этот вариант :)