<tr :class="[item.status==0?'a':[item.status==1?'b':'c']]">
status = 0 ，使用a样式
status = 1 ，使用b样式
status = 2 ，使用c样式
:class="{'mapkey':(item.name=='停止')}"
:class="{'mapkey':(index == 6)}"
<tr :class="[item.status==0?'a':[item.status==1?'b':'c']]">
status = 0 ，使用a样式
status = 1 ，使用b样式
status = 2 ，使用c样式
:class="{'mapkey':(item.name=='停止')}"
:class="{'mapkey':(index == 6)}"
status = 0 ，使用a样式 status = 1 ，使用b样式 status = 2 ，使用c样式 :cl...
如果就两种情况，那么使用三元运算符condition ? expr1 : expr2; 很容易实现。一般三元运算符...
样式状态判断
1. 概念 在vue中实现集中式状态（数据）管理的一个 vue 插件。对vue应用中多个组件的共享状态（数据）进行...
Vuex简介 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中管...
概念：在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 Vue 应用中多个组件 getters使用...
vue的底层原理? vue组件之间的通信？ JS中判断数据类型的方法有几种? 最常见的判断方法：typeof 判断...
vue的底层原理? vue组件之间的通信？ JS中判断数据类型的方法有几种? 最常见的判断方法：typeof 判断...
官方推荐的数据框架：在vue的开发中 vue实现视图层的开发，vuex来实现数据层，实现数据共享 vuex是整个虚...
vue实现原理 1、了解Object的属性defineProperty 2、vue中mvvm的实现： 数据变化更新...
本文标题：vue中实现多种状态的数据判断
本文链接：https://www.haomeiwen.com/subject/byafdctx.html
网友评论