Vue で三項演算子を使用してテキストの色を変更するにはどうすればよいですか?
P粉545218185
P粉545218185 2024-03-19 20:21:56
0
1
290

エンドポイントからのテキストの色を変更したいと考えています。 UI には三項演算子 ('backgroundColor:green) の値のみが表示されます。誰か助けてくれませんか?

mainTrack() {
 this.axios
    。得る(
      `${configObject.apiBaseUrl}/メンテナンス/会社`、
      configObject.authConfig()
    )
    .then((res) => {
     this.maintainTrack= res.data;

     this.maintainTrack.forEach(element => {
       element.isResolve = element.isResolve== 'true' ? 'backgroundColor:green' :
        '背景色:赤'
            });
    })
    .catch((エラー) => {});
},

P粉545218185
P粉545218185

全員に返信(1)
P粉481815897

文字列の代わりにスタイル オブジェクトを返してみます:

 element.isResolve = {backgroundColor : element.isResolve ? 'green':'red' }
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!