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, Feb 14 '16 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, Feb 14 '16 at 23:20

score 1 · Answer 1 · edited May 23 '17 at 12:23

1

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

edited May 23 '17 at 12:23

Community

1
1

answered Feb 15 '16 at 02:29

mightylal

56
7

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

1 Answers1