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

2023-03-04 11:06:15

推荐阅读:Vue的v-if和v-show的区别图文介绍我们在使用vue项目开发时,v-if是使用的非常多的,在这里我们谈谈如何使用v-i来绑定修改css样式,使用的主要是双向数据绑定,即通过改变他的状...

推荐阅读:

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

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

第一步:

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

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

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

第二步:

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

                quxiaoTit:true

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

第三步:

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

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

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

到此这篇关于vue中如何使用v-if,v-else来设置css样式的文章就介绍到这了,更多相关vue 使用v-if,v-else设置css样式内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!