vue、react js变量改变class中的属性

以前写tab切换组件的时候，发现需要根据js的值，生成不同的class样式，开始想到的是map创建很多的class类，用js变量生成不同class名,傻方法如下：今天发现这方法不靠谱，不能一劳永逸，所以换了个方法：在style中根据js的值动态设置css中的变量在class中调用这个css变量就可以动态生成不同属性的class...

alt琳

2805人浏览 · 2019-10-14 10:34:25

alt琳  ·  2019-10-14 10:34:25 发布

举个简单的例子
在style中根据js的值动态设置css中的变量，可以设置多个属性

在class中调用这个css变量就可以动态改变class的值

# css

Vue

前往低代码交流专区

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定