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

简介: 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>
相关文章
|
1月前
Lambda表达式方法引用举例
Lambda表达式方法引用举例
16 1
|
1月前
属性的写法
属性的写法
|
11月前
|
存储 JSON PHP
PHPJSON嵌套对象和数组的解析方法
在PHP编程开发中,JSON是一种非常常用的数据格式。它具有简单、轻量和易于解析的特点,非常适合用于数据交换和存储。当我们处理JSON数据时,经常需要解析嵌套的对象和数组,本文将介绍几种解析方法。
87 1
|
9月前
|
程序员 Ruby
“茴” 字的六种写法---l 类方法的七种定义方式
“茴” 字的六种写法---l 类方法的七种定义方式
|
9月前
|
JavaScript
js动态绑定事件,无法使用for循环中变量i的问题
js动态绑定事件,无法使用for循环中变量i的问题
|
Java
Java: 函数式接口双冒号::实现方法引用,传递方法作为函数参数
Java: 函数式接口双冒号::实现方法引用,传递方法作为函数参数
166 0
MybatisPlus条件构造器 多个组合OR嵌套拼接写法
MybatisPlus条件构造器 多个组合OR嵌套拼接写法
545 0
|
Java 数据库
java反射机制查找类的属性并赋值
先说一下需求:最近做一个项目其中需要将前台传来的数组存到数据库,但是这个表里有15个字段,集合是不固定的,然后要把这个集合的数值赋给这个类的相应属性,然后存到数据库中。集合长度应小于等于这个类属性的个数。
286 0
|
前端开发
v-bind是是否需要绑定某一个类名
v-bind是是否需要绑定某一个类名
|
Java
【Groovy】循环控制 ( Java 语法循环 | 默认的 IntRange 构造函数 | 可设置翻转属性的 IntRange 构造函数 | 可设置是否包含 to 的构造函数 | 0..9 简写 )(一)
【Groovy】循环控制 ( Java 语法循环 | 默认的 IntRange 构造函数 | 可设置翻转属性的 IntRange 构造函数 | 可设置是否包含 to 的构造函数 | 0..9 简写 )(一)
140 0