Can't access variable in v-if when defined in v-for on the same element

[rashfael]

Version

3.0.0-beta.10

Reproduction link

https://jsfiddle.net/4qxok5gh/3/

Steps to reproduce

• Run the reproduction

What is expected?

Reproduction should render:

2
3

What is actually happening?

A warning is printed in the console:

[Vue warn]: Property "a" was accessed during render but is not defined on instance.

---

I know that using v-for and v-if together is not recommended, but I could not find any rfc or issue in vue-next for a stricter enforcement of that best practice.

[yyx990803]

This is expected behavior. v-if has higher priority than v-for so it doesn't have access to v-for scope: compiler output

Use <template v-for> for more explicit conditionals.

[rashfael]

Okay, got it. That's a breaking change then? In Vue 2 it was the other way round.

[yyx990803]

Yeah... technically. But using both on the same element has always been discouraged. Maybe we should add a warning for it.