如何在表行元素中绑定多个css类？

Question

我是Vuejs2.0的新手并尝试将多个css类绑定到表格行元素。

  

这是我的观点（和我的尝试）：

<tr v-for="icon in icons">
    <td><i class="fa fa-" v-bind:class="icon.css"></i></td>
    <td>{{icon.name}}</td>
</tr>

应该成功呈现带有css类的td元素：

<td><i class="fa fa-car"></i></td>

  

这是我的模型/数据（为简洁而剪裁）：

new Vue({
    el: '#app',
    data: {
        icons: [ 
            { "name": "Car", "css": "car" }, { "name": "Airplane", "css": "airplane" } 
        ]
    }
});

如何成功渲染？谢谢。

Answer 1

nohup java -jar /var/test.jar &

或者

<tr v-for="icon in icons">
    <td><i class="fa" :class="'fa-' + icon.css"></i></td>
    <td>{{icon.name}}</td>
</tr>