So legen Sie den dynamischen Klassennamen aus JSON-Daten fest?

Question

Ich möchte zum Beispiel dynamisch CSS Klassennamen setzen:

{ "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

Aus Ihrer Frage würde ich Ihre Daten erwartet in Modell

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

oder

sein

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

Sollte beides für Sie arbeiten. Sie haben vergessen, auf das Modell hier zuzugreifen (das gleiche für die cssLevel als für den Benutzernamen)