Hide div if value null in vue.js laravel

Question

I want to hide div if value of a variable is null or empty, i'm using following code but if the value is empty or NULL it is still showing the same div using vue.js.

<p class="user" v-show="Item.date !== 'NULL'"><i class="fa fa-user"></i>{{Item.date }}</p>

Here i'm checking Item.date whether it is null or not.

Majed Badawi · Accepted Answer · 2020-08-10 12:32:09Z

2

You can do this as follows:

<p class="user" v-if="Item && Item.date"><i class="fa fa-user"></i>{{Item.date }}</p>

answered Aug 10, 2020 at 12:32

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Hide div if value null in vue.js laravel

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