vue心得

关于条件渲染：

如果是逻辑值作为条件的话，用下面这种方式：

这里 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