Dynamic class name

vue.js slim-lang
NeverBe picture NeverBe · Oct 31, 2016 · Viewed 49.5k times · Source

How to generate dynamic class name?

  li v-for='obj in objs'
    | {{ obj.id }} {{ obj.title }}
    div id="obj-{{ obj.id }} " style="float:right; color:red;"

This sample doesn't work! I need this class name to update the div later!!!

Answer

NeverBe picture NeverBe · Oct 31, 2016

This helped me.

    div :class="['obj-' + obj.id]" style="float:right; color:red;"

Related questions

How to disable input conditionally in vue.js

I have an input: <input type="text" id="name" class="form-control" name="name" v-model="form.name" :disabled="validated ? '' : disabled"> and in my Vue.js component, I have: .. .. ready() { this.form.name = this.store.name; this.form.validated = …

Read More
forEach is not a function error with JavaScript array

I'm trying to make a simple loop: const parent = this.el.parentElement console.log(parent.children) parent.children.forEach(child => { console.log(child) }) But I get the following error: VM384:53 Uncaught TypeError: parent.children.forEach is not a function …

Read More
Can you force Vue.js to reload/re-render?

Just a quick question. Can you force Vue.js to reload/recalculate everything? If so, how?

Read More