Comment modifier la couleur du texte à l'aide de l'opérateur ternaire dans Vue ?
P粉545218185
P粉545218185 2024-03-19 20:21:56
0
1
292

Je souhaite changer la couleur du texte provenant du point de terminaison. Il affiche uniquement la valeur de l'opérateur ternaire (« backgroundColor:green) sur l'interface utilisateur. Quelqu'un peut-il m'aider?

mainTrack() {
 this.axios
    .get(
      `${configObject.apiBaseUrl}/Maintenance/Company`,
      configObject.authConfig()
    )
    .then((res) => {
     this.maintainTrack= res.data;

     this.maintainTrack.forEach(element => {
       element.isResolve = element.isResolve== 'true' ?  'backgroundColor:green' :  
        'backgroundColor:red'
            });
    })
    .catch((error) => {});
},

P粉545218185
P粉545218185

répondre à tous(1)
P粉481815897

Essayez de renvoyer un objet de style au lieu d'une chaîne :

  element.isResolve = { backgroundColor : element.isResolve ? 'green':'red' }
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!