01 v-for循环绑定类名 v-bind 结合三目运算 动态添加类

3==》v-for循环 绑定类名 在添加一个类

 

class="show-icon-div" 无论如何都有的

<i class="iconfont" :class="itemIcon"></i>  第二个:class="itemIcon"是动态绑定的   在添加一个class

 

<div v-for="(itemIcon, index) in asideMenuIcon" :key="index" class="show-icon-div" @click="handlerMessage"><i class="iconfont" :class="itemIcon"></i></div>
//右侧菜单icon
asideMenuIcon:["iconshuaxin","iconshuaxin","iconshuaxin","iconshuaxin","iconshuaxin"]

 

4==》v-bind 结合三目运算 动态添加类

  <!--asideclickafter 是类名，无论怎样都会显示。    MenuConFlag 是否显示300区域  是变量 。

      newmenposition类名，小图重新定位。  

     rightmenu 是一个类名  rightmenu小图最初的定位。-->

 

    <div :class="['asideclickafter', MenuConFlag ? 'newmenposition' : 'rightmenu' ]" v-if="asideWidthFlag">   </div>