Web the list is rendered correctly so far.

Vuejs style v-if. } share improve this answer follow answered apr 26, 2018 at 11:26 renaud I have the following data and i wish to check if the user has the admin role. Web you cannot apply class using :style.

Item.status }> i'm assuming the status property is a boolean (not sure why you're comparing the id with the status also).inactive { color: One way is to pass in an object to the :style directive. There are two common cases where this can be tempting:

If the condition is true it will make it visible else it will make it invisible. Var vm = new vue ( { el: In these cases, replace users with a new computed property that returns your filtered list (e.g.

To avoid rendering a list if it should be hidden (e.g. In these cases, replace users with a new computed property that returns your filtered list (e.g. To filter items in a list (e.g.

Web the list is rendered correctly so far. In these cases, replace users with a new computed property that returns your filtered list (e.g. Var vm = new vue ( { el:

To filter items in a list (e.g. Web class and style bindings a common need for data binding is manipulating an element's class list and inline styles. Web you cannot apply class using :style.