vue多个元素的样式选择器问题

  

三目运算符只能进行两个的选择判断,多个选择就很难受了。

  

废话少说,直接上源码。

  

首先获取它的索引,通过索引来判断样式

     //索引关键判断   & lt; div类=v代表“carborder”=癿ycarinfo(值,键)”:关键=肮丶北?      & lt; router-link   :类=" rcar(例子)”=?付款”   比;   我是什么颜色   & lt;/router-link>   & lt;/div>      

在数据里面定义元素的样式数组格式

     //数组格式   数据(){   返回{   rcar:(   “rcar”,   “rcar2”,   “rcar3”,   “rcar4”,   “rcar5”,   ]   };      

下面就是css写自己的样式了

     //自己的样式   .rcar {   background - color: # 1388 ef;   }   .rcar2 {   background - color: # a0a0a0;   }   .rcar3 {   background - color: # 282828;   }   .rcar4 {   background - color: # efc313;   }   .rcar5 {   background - color: # b9bab9;   }      

  

以上所述是小编给大家介绍的vue多个元素的样式选择器问题,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
  如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

vue多个元素的样式选择器问题