设置新值后的Vue List更新

Question

我正在使用Vue 2，我有一个渲染列表。我加载一个模态来更新每个。成功ajax-request后，我想更新列表中的值。

但这不起作用。这是我的代码。

<div class="btn btn-wrapper">
   <div class="btn-container mob-only">
      <a class="btn btn-container-red" href="#" target="_blank">
         <span class="mob-only">Schedule Appointment</span>
      </a>
   </div>
</div>

这是我使用axios的更新方法。

.btn {
  &-wrapper {
    width: 100%;
    // border: 1px solid red;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -7vw 0px;
  }
  &-container {
     &-red {
        color: white;
        background: $red;
        padding: 10px;
        width: 85%;
        border-radius: 0;
        margin: 10px;
        font-size: 7vw;
     }
  }
}

有人能帮助我吗？

这是一个组件，它已导入到Vue实例中。也许这是一个问题？