vue2.0 change la méthode d'affichage du style en fonction de la valeur d'état

Maintenant, je vais partager avec vous une méthode d'affichage de changement de style vue2.0 basée sur la valeur de statut. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Lorsque les utilisateurs effectuent des opérations de processus, elles sont généralement divisées en en cours, pas encore démarrées et terminées. La page frontale doit afficher les distinctions d'état correspondantes. Ce qui est testé ici, c'est la distinction des couleurs d'arrière-plan.

démo :

<span class="contract-span" :class="statusText[item.status][0]">{{statusText[item.status][1]}}</span>

   statusText: {
    0: ['span-delay', '进行中'],
    1: ['span-finish', '已完成'],
    2: ['span-rough', '未开始'],
   },//显示状态

En attribuant des valeurs au statut lors du parcours de boucle, vous pouvez afficher différentes couleurs d'arrière-plan dans différents états.

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Exemple de la fonction de téléchargement d'images dans la base de données et de leur affichage sur la page implémentée par vue

Résolu avec vue. Le problème d'échec après le routage js

Comment analyser parfaitement les données en js

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!