Methode hinzufügen: 1. Verwenden Sie die Anweisung „:class="['class name']" zum Hinzufügen; 2. Verwenden Sie ":class="['class name 1','class name 2',{attribute name(class name) ):'Attribute value (true or false)}]""-Anweisung; 3. Verwenden Sie die Anweisung „:class="{Attribute name (class name):true}"; 4. Verwenden Sie „:style="{' style name' :'style value'}""-Anweisung; 5. Verwenden Sie die Anweisung ":style="style"" zum Hinzufügen; 6. Verwenden Sie die Anweisung ":style="[data]".
Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer. ??
2 , im Array Verwenden Sie ternäre Ausdrücke<h1 :class = "['类名1','类名2']">这种方法 需要用 v-bind: => : 绑定</h1>
<h1 :class = "['类名1','类名2',表达式?'类名3':'']">这种方法 需要用 v-bind: => : 绑定</h1>
<h1 :class = "['类名1','类名2',{属性名(类名):'属性值(true或false)}]">这种方法 需要用 v-bind: => : 绑定</h1>
<h1 :class = "{属性名(类名1):true,属性名(类名2):true}">这种方法 需要用 v-bind: => : 绑定</h1>
Codebeispiel:
<h1 :style = "{'样式名':'样式值'}">这种方法 需要用 v-bind: => : 绑定</h1>
, Grundlegendes Programmiervideo)
Das obige ist der detaillierte Inhalt vonSo fügen Sie Stile zu Elementen in Vue hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!