Javascript Vue表格行中的多个条件

我是Vue的新手，有点卡住了。我已经了解了

v-if

条件的绑定和用法，即在条件为真或假时显示一件事，但我基本上不知道如何将显示多个可能性的条件作为if/else/else。我有这个：

<td v-if="dateEvent.id=== '2' && dateEvent.name === 'Title'"><button" type="button" class=" taskButton btn-default"><a style="color:white;">Accept</a></button></td>

使用计算的
我觉得应该行得通

{{status}}

计算：{
状态（）{
如果（dateEvent.status=='O'）{
return`这不仅仅是
v-else
和
v-else-if
吗？我想我误解了它的用法。所以我可以用if/else有4个堆叠元素，但我仍然只会根据4个可能性中的条件显示一个。如果你有几个标准来决定一个值，那么该值在大多数情况下非常适合通过这种方式，模板将大大简化，并且您将对条件有更细粒度的控制。
computed: {
status(){
  if(dateEvent.status === 'O'){
    return `<button" type="button" class=" taskButton btn-default"><a style="color:white;">Accept</a></button>`
  }else{
    if(dateEvent.status === 'P'){
      return 'In Progress'
    }else{
      return 'Completed'
    }
  }
}