calss、style绑定

west445

已于 2023-08-14 16:06:37 修改

阅读量34

点赞数

分类专栏：我的前端笔记文章标签： javascript 前端 vue.js

于 2023-08-14 10:57:04 首次发布

本文链接：https://blog.csdn.net/weixin_72222928/article/details/132271607

版权

我的前端笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

当一定条件达成的时候，展示特定的style样式（绑定样式名）

  <span
                   
                        :class="{ errorRule: firstError == true }"
                        >基本信息
                        <i
                            v-if="firstError == true"
                            class="el-icon-warning-outline"
                        ></i></span

firstError:false

.errorRule {
    color: red;
}

 :style="
                                            objActionCurrent != index &&
                                            (!item.obeName || !item.obeNo) &&
                                            thirdError
                                                ? 'color:#d11211'
                                                : ''
                                        "