1. :class = “a”
    说明 vue 中有个叫 a 的属性 这个标签的 class 就是 a 的值
    在这里插入图片描述

  2. :class = “{ active:isactive }”

    Active 的存在取决于 isactive 的值，为 true 就说明存在，为 false 就说明不存在
    在这里插入图片描述

  3. :class = [“a”,”b”]
    注意： 在数组中元素带不带引号的问题。带了说明是类名，不带就是data中的属性对应的值
    在这里插入图片描述

相关博文连接：https://www.cnblogs.com/jinfeixiang/p/11573020.html

Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

口才教育：如何提升沟通技巧与表达能力

avatar ViewDesign
cover

C 嵌入式系统设计模式 28：通道模式

avatar ViewDesign

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...

avatar ViewDesign