Vuejs error when evaluating expression with v-if and v-for

Question

Here is what I have:

<div v-for="slot in card" class="panel panel-default">
<div class="panel-heading">{{ slot.name }}</div>
<div class="panel-body">
    <p v-for="wrestler in slot.wrestlers">
        {{ wrestler.team }}
        <p v-if="true">okay</p>
        {{ wrestler.team }}
    </p>
</div>

It throws a warning Error when evaluating expression "wrestler.team". The initial wrestler.team is shown and so is the word "okay", but the second wrestler.team throws that warning. Is this expected behavior?

This would be a very odd behavior indeed... Are you sure its not the next wrestler that is throwing the error because they don't have a team property set? — Jeff
– Jeff, Commented Feb 14, 2016 at 23:07
@Jeff I just checked by changing the bottom wrestler.team to wrestler._id and still receive the error. Logged data to console and data is showing as expected. — mightylal
– mightylal, Commented Feb 14, 2016 at 23:20

Community · Accepted Answer · 2017-05-23 12:23:21Z

1

Don't nest <p> tags. Good post about clarification on nesting <p> tags can be found at this link.

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Feb 15, 2016 at 2:29

mightylal

567 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vuejs error when evaluating expression with v-if and v-for

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related