VUEは、動的にクラス名を変更します

スニペット：

< divのクラス= "tabBodyBtn1" V-のための= "（アイテム、ⅰ）btnGroupDate中" ：キー= "I" ：クラス= "[ 'tabBtn' + I、{tabBodyBtn3：isClickBtn ===私、tabBodyBtn2：isClickBtn！ == I}]」@click = "changeState（item.index、I）" >

：内部のデータ

btnGroupDate：[ 
          {名： "オープンカーテン"、インデックス:. 1、imgUrl： "https://img.alicdn.com/_!!2504088756.png" }、
          {名： "一時停止カーテン"、インデックス：2、imgurl "https://img.alicdn.com/_!!2504088756.png" }、
          {名： "カーテンを閉じ"、インデックス：0、imgurl： 「https://img.alicdn.com/_!!2504088756 .PNG " } 
        ]、

 

これは、上記の3つのクラスを追加する予定で、そのようtabBtn1、tabBtn2、tabBtn3などの動的変更を必要とし、固定パターン、である、条件添付の判断があるボタンの列の私のdiv要素のレンダリングです

真：クラスは=「[ 『btnClass』 +指数、{ 『btnClass2』：クラス=「BTN1 button33 XX」は、この中間スペースを追加し、動的に一緒として文言を決意条件コードを変更することができると直接固定パターン'btnClass3'：偽}]」。