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>