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>
相关文章
|
SQL 关系型数据库 MySQL
探索Gorm - Golang流行的数据库ORM框架
探索Gorm - Golang流行的数据库ORM框架
|
关系型数据库 MySQL 数据库
Windows安装MySQL数据库
本文介绍如何在Windows安装MySQL数据库。
324 0
|
2月前
|
机器学习/深度学习 自然语言处理 PyTorch
Transformer自回归关键技术:掩码注意力原理与PyTorch完整实现
掩码注意力是生成模型的核心,通过上三角掩码限制模型仅关注当前及之前token,确保自回归因果性。相比BERT的双向注意力,它实现单向生成,是GPT等模型逐词预测的关键机制,核心仅需一步`masked_fill_`操作。
307 0
Transformer自回归关键技术:掩码注意力原理与PyTorch完整实现
|
算法 NoSQL 容器
启发式搜索: A*算法
启发式搜索: A*算法
|
网络安全 网络虚拟化 网络架构
什么是共享IP,如何判断IP是否被共享
**摘要:** 共享IP指多个用户或设备共用同一地址,常见于家庭网络、公共Wi-Fi及代理/VPN服务。判断IP是否共享可通过检查网络连接数、使用在线检测工具、观察网络活动、咨询ISP或检查路由器设置。共享IP不必然带来安全问题,但在特定场景下需关注。
|
JavaScript Java 测试技术
基于微信小程序的书店系统的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的书店系统的设计与实现(源码+lw+部署文档+讲解等)
301 0
|
程序员 C语言
【C语言】while循环语句
【C语言】while循环语句
1290 3
|
网络协议 中间件 编译器
C语言的应用场景
C语言的应用场景
|
JavaScript
vue 定时器:setInterval和setTimeout使用实例及区别
vue 定时器:setInterval和setTimeout使用实例及区别
395 0