v-else and v-once on custom component inside v-for

[fmairesse]

Here is a list rendering using a custom component and the v-once directive:

<li v-for="item of items" :key="item.model.id">
    <item :model="item.model" v-once></item>
</li>

JsFiddle using [email protected]
Note that this does not work using [email protected], unless we remove the v-once directive.

Now let's add a conditional rendering:

  <li v-for="item of items" :key="item.model.id">
    <span v-if="item.model.id===1">BOB</span>
    <item :model="item.model" v-else v-once></item>
  </li>

JsFiddle using [email protected]
JsFiddle using [email protected]
This fails using [email protected] with the error:

Property or method "item" is not defined on the instance but referenced during render.

but works with 2.0.3 (2.0.3 failed when there was no v-else)

[posva]

Thanks for reporting that! In the meantime, a workaround would be to move the v-once inside the component

[defcc]

elseBlock should be walked through too in markStaticRoots func. I'll make a PR to fix it.

[zeeshankamboh]

how to fix this problem???? any idea regarding it???

[zeeshankamboh]

actually vue is reporting a very bad error in console because of this issue. and i dont know how to tackle this problem.