Subscribe on changes!

v-if in v-for on the same node does not recognize item data

avatar
Sep 25th 2020

Version

3.0.0

Reproduction link

https://codepen.io/tidus2102/pen/jeNVyd

Steps to reproduce

https://codepen.io/tidus2102/pen/jeNVyd

What is expected?

v-if must have item data so the app runs without error

What is actually happening?

console show this error: "TypeError: Cannot read property 'type' of undefined"

avatar
Sep 25th 2020

https://codepen.io/jkarczm/pen/qBZvBVO

priority of v-if and v-for has changed in Vue 3

avatar
Sep 25th 2020

Vue 3 doc https://v3.vuejs.org/guide/list.html#v-for-with-v-if said: "v-for has a higher priority than v-if" and the demo code is use v-if for item:

<li v-for="todo in todos" v-if="!todo.isComplete">
  {{ todo }}
</li>```