If else statement in vue.js with value from json

Question

I got value from json in table, and I need if else statement. If value == enabled - some code.. else - some code.

example:

<md-table-cell>
  <span v-if="{{row.status}} == 'enabled'">
    <span>ENABLED<md-icon class="md-raised">check_circle</md-icon></span>
  </span>
  <span v-else>
    <span>DISABLED <md-icon class="md-raised">cancel</md-icon></span>
  </span>
</md-table-cell>

So, I need something like that. Any suggestions?

It should be v-if="row.status == 'enabled'"

Satpal
– Satpal

2016-12-12 13:32:36 +00:00
Commented Dec 12, 2016 at 13:32 — Satpal
– Satpal, Commented Dec 12, 2016 at 13:32

Belmin Bedak · Accepted Answer · 2016-12-12 13:33:29Z

3

Your code is wrong - you are using mustaches into the v-if which is not allowed and your code is suposed to not work, because think about v-if as vanilla javascript where mustaches doesn't work.

<span v-if="row.status == 'enabled'">

answered Dec 12, 2016 at 13:33

Belmin Bedak

9,2213 gold badges43 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

If else statement in vue.js with value from json

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related