zoukankan      html  css  js  c++  java
  • :style :class

    2.1、html代码

    1. <div id="app">
    2.  <!--整个数组-->
    3.  <div v-bind:style="[baseStyles, overridingStyles]">{{[baseStyles, overridingStyles]}}</div>
    4.  <!--数组+三元表达式-->
    5.  <div v-bind:style="[{backgroundColor:isActive ? '#f00' : '#00f'},baseStyles]">如果isActive==true,背景红色</div>
    6.  <!--对象+数组-->
    7.  <div v-bind:style="[{ baseStyles: Active }, overridingStyles]">{{[{ baseStyles: Active }, overridingStyles]}}</div>
    8. </div>

    <span :class="{'fonts':ruleForm.BMI=='请完善身高体重'}">{{ruleForm.BMI}}</span>
    <!--<span :style="{color:ruleForm.BMI=='请完善身高体重' ? 'red' : blue}">{{ruleForm.BMI}}</span>-->

  • 相关阅读:
    [恢]hdu 2502
    [恢]hdu 1008
    [恢]hdu 2073
    [恢]hdu 2500
    [恢]hdu 2501
    [恢]hdu 2190
    [恢]hdu 2535
    [恢]hdu 2085
    [恢]hdu 2067
    [恢]hdu 2504
  • 原文地址:https://www.cnblogs.com/yhl-0822/p/8177698.html
Copyright © 2011-2022 走看看