如何從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和用戶名）