Maison > Article > interface Web > Comment ajouter des styles aux éléments dans vue
Méthode Add : 1. Utilisez l'instruction ":class="['class name']" pour ajouter ; 2. Utilisez ":class="['class name 1','class name 2',{attribute name(class name) ):'Valeur d'attribut (vrai ou faux)}]"" ; 3. Utilisez l'instruction ":class="{Nom d'attribut (nom de classe):true}" ; 4. Utilisez ":style="{' style name' :'style value'}"" instruction ; 5. Utilisez l'instruction ":style="style"" pour ajouter ;
L'environnement d'exploitation de ce tutoriel : système windows7, version vue3, ordinateur DELL G3.
Le nom de la classe doit être mis entre guillemets
1. 2 , dans le Array Utilisez des expressions ternales
<h1 :class = "['类名1','类名2']">这种方法 需要用 v-bind: => : 绑定</h1>3. la forme de :style
<h1 :class = "['类名1','类名2',表达式?'类名3':'']">这种方法 需要用 v-bind: => : 绑定</h1>2 Définissez l'objet de style dans les données et référencez-le à :style
<h1 :class = "['类名1','类名2',{属性名(类名):'属性值(true或false)}]">这种方法 需要用 v-bind: => : 绑定</h1>3 Via un tableau dans :style, référencez les objets de style sur plusieurs données ;
<h1 :class = "{属性名(类名1):true,属性名(类名2):true}">这种方法 需要用 v-bind: => : 绑定</h1>. Exemple de code :
<h1 :style = "{'样式名':'样式值'}">这种方法 需要用 v-bind: => : 绑定</h1>
Tutoriel d'introduction à vuejs, Vidéo de programmation de base
)Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!