vue中使用v-if,v-else来设置css样式的步骤

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue中使用v-if,v-else来设置css样式的步骤

浩星   2023-03-23 我要评论

推荐阅读:

Vue的v-if和v-show的区别图文介绍

        我们在使用vue项目开发时,v-if是使用的非常多的,在这里我们谈谈如何使用v-i来绑定修改css样式,使用的主要是双向数据绑定,即通过改变他的状态来改变他的样式,来个实例说明下:

第一步:

        主要使用的是三元判断的方式(需要改变的div里使用),并设置好点击事件

                状态?“第一个class名”:“第二个class名”

第二步:

        在javascript部分,设置默认属性,设置点击事件

                quxiaoTit:true

第三步:

        在css部分设置它的改变前样式和改变后样式

        我这里是使用的定位,改变他先后的定位的不同

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们