$broadcast not working in some instances

[tim-smart]

I have a case where I dynamically create a list of components:

<div v-repeat="actions" v-component="{{$value}}"></div>

After adding something to the list (this.actions.push('some-component')), then changing an element (this.actions = ['some-other-component']) - that component will no longer receive $broadcast events.

Let me know if you have issues reproducing this.

[tim-smart]

It seems to fix itself when you reset (this.actions = []), wait for the nextTick, then update again.

[yyx990803]

When you change this.actions, the components are instantiated on next tick. If you broadcast events before that happens (since events a synchronous) the new components will miss them. That might be the case.

[tim-smart]

What I mean is they don’t receive broadcast events at all - no matter when they fire. Also the this._children array is empty after reproducing this issue.

It took me a bit of diving though the chrome script debugging tool to find this!

[yyx990803]

Wow, can't believe how stupid this bug is... you'll know why if you look at the fix commit :P

[tim-smart]

Haha, splice removing 0 elements... nice!

[yyx990803]

It actually deletes all elements after that index! (hence the empty _children array)

[tim-smart]

Oh wow, learn something every day