关于条件渲染：
如果是逻辑值作为条件的话，用下面这种方式：
这里 item.enabled取值为true或者false
<td> <span v-if="!item.enabled" class="badge badge-success">空闲</span> <span v-else class="badge badge-danger">占用</span> </td>
如果是普通值作为条件的话，用下面这种方式：
<td> <span v-if="item.states==‘激活‘" class="badge badge-success">{{item.states}}</span> <span v-else="item.states==‘禁用‘" class="badge badge-danger">{{item.states}}</span> </td>
原文：https://www.cnblogs.com/lyjblogg/p/12008369.html