Vue refs works differently in template vs render function #8225

adalberth · 2018-05-22T11:40:51Z

2.5.17-beta.0

Create ref within template and in render function, template returns array, render function returns latest item in loop.

Of course it makes sense that the render function returns the last ref as JS should. But in vue shouldn't it return an array as the template do?

sqal · 2018-05-22T13:54:36Z

You need to add refInFor manually to the data object, here:

return createElement('li', {
  ref: 'list_a',
  refInFor: true
}, idx)

adalberth · 2018-05-22T14:00:50Z

Yep, that works! Thx! Shouldn't that be in the docs?

Igloczek · 2018-08-04T14:56:03Z

adalberth closed this as completed May 22, 2018

KaelWD mentioned this issue May 22, 2018

fix(types): add refInFor to VNodeData #8229

Merged

13 tasks

Provide feedback