如何从json数据设置动态类名？

Question

我想动态例如设置CSS类名：

{ "id": "00053", "cssLevel": "53", "username": "user53", "Title": "title53"} 
 
{ "id": "00054", "cssLevel": "54", "username": "user54", "Title": "title54"} 
 

 
and then 
 

 
<div class="{{cssLevel}}">{{model.username}}</div> 
 

 
or 
 

 
<div v-bind:class="cssLevel">{{model.username}}</div>

Answer 1

从你的问题，我期望你的数据在模型

<div v-bind:class="model.cssLevel">{{model.username}}</div> 

或

<div :class="model.cssLevel">{{model.username}}</div> 

两者都适合你。你忘了在这里访问模型（相同的cssLevel和用户名）