vue class变量加载不同class

电玩女神 2023-05-29 02:29 15阅读 0赞

vue语法中绑定Class时,用到对象语法

  1. <div :class="['hide',{'show':item.staues=='0'}]">
  2. 待付款
  3. </div>
  4. <div :class="['hide',{'show':item.staues=='1'}]">
  5. 已付款
  6. </div>
  7. <div :class="['hide',{'show':item.staues=='2'}]">
  8. 待配送
  9. </div>
  10. <div :class="['hide',{'show':item.staues=='3'}]">
  11. 已配送
  12. </div>

hide这个class是一直存在的,show这个class根据变量值显示。

vue官网:https://cn.vuejs.org/v2/guide/class-and-style.html#对象语法

如果有帮到你的话,欢迎激励一下作者。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdodDIwMTc_size_16_color_FFFFFF_t_70

发表评论

表情:
评论列表 (有 0 条评论,15人围观)

还没有评论,来说两句吧...

相关阅读

    相关 java class对象

    class对象加载过程 为理解RTTI 在Java 里如何工作,首先必须了解类型信息在运行期是如何表示的。这时要用到一个名为 “Class 对象”的特殊形式的对象,其中包

    相关 class过程

    1.class加载过程 java虚拟机把描述类的数据从class文件加载到内存,并对数据进行 校验/准备/解析和初始化,最终形成可以被虚拟机直接使用的Java类型,这个过程被

    相关 JVM class机制

    1.概述 Class文件由类装载器装载后,在JVM中将形成一份描述Class结构的元信息对象,通过该元信息对象可以获知Class的结构信息:如构造函数,属性和方法等,

    相关 Class类动态

    Class.forName("类的全称") 不仅表示了类的类类型,还代表了动态加载类。 请区分编译、运行。 编译时刻加载类是静态加载类,运行时刻加载类是动态加载类。