VueJS: в render функции нельзя получить elm у vnode?

Question

[thehighhomie]

Ребят подскажите пожалуйста, почему нельзя в render функции получить elm у vnode? можно как-то решить?

render (h) {
    this.$slots.default.forEach(vnode => {
      console.log(vnode.elm) // undefined
    })

    return h('div', {
      class: 'v-box'
    }, this.$slots.default)
  }

Может я просто упустил что. Я пытаюсь написать специфичный грид изображений, для этого мне нужны размеры всех изображений (в данном случае слотов) и получив размеры вычислить все, что нужно.

Но из за того, что не могу получить элемент, не получается ничего.

Answer 1

[grinat]

Потому что их не существует, там данные будут после того как данные отрендяртся https://vuejs.org/v2/guide/instance.html#Lifecycle...

Comments

[thehighhomie]

а как же быть тогда? мне нужно высчитать размеры элементов и еще нужно будет их раскидать по контейнерам

[grinat]

thehighhomie, дак я тебе ссылку кинул на жизненный цикл, в нем и лови что тебе надо. Либу директиву используй, vue прямо в нее передаст ноду https://vuejs.org/v2/guide/custom-directive.html#ad

[thehighhomie]

grinat, понял, спасибо!