在vuejs中处理restful api中的上下文链接

显然，我没有使用正确的搜索词，因为我找不到任何与我的问题类似的东西

在Vuejs中，我使用axios使用restful API，结果可以包含ie完成任务的上下文链接。如何处理来自前端的GET请求

我的回答是这样的：

      {
        "id": 2,
        "description": "iPhone",
        "status": "IN_PROGRESS",
        "_links": {
          "self": {
            "href": "http://localhost:8090/orders/2"
          },
          "orders": {
            "href": "http://localhost:8090/orders"
          },
          "cancel": {
            "href": "http://localhost:8090/orders/2/cancel"
          },
          "complete": {
            "href": "http://localhost:8090/orders/2/complete"
          }
        }
      }

我尝试过这一点，但显然没有得到所需的结果：

    <md-table v-model="orders" :table-header-color="tableHeaderColor">
      <md-table-row slot="md-table-row" slot-scope="{ item }">
        <md-table-cell md-label="Description">{{
          item.description
        }}</md-table-cell>
        <md-table-cell md-label="Status">{{ item.status }}</md-table-cell>
        <md-table-cell md-label="Action">
          <a v-if="item._links.complete" :href="item._links.complete.href">
            Complete
          </a>
        </md-table-cell>
      </md-table-row>
    </md-table>

我只找到了一些关于绑定到路由器的链接的信息。。但这一切似乎都是关于非条件链接的，如果某些链接不适用，我的API可以忽略它们。

将以下内容添加到您的链接中：

<a v-if="item._links.complete" :href="#" @click.prevent="clickHandler($event, item._links.complete.href)">

---

您可以显示控制台错误吗？您有项目。_links.complete.href。如何将HAL对象分配给item变量？是否存在反应性方面的问题？问题是，这只是呈现响应中给定的uri。我想要的是异步使用GET请求。1分钟。@MartijnICU，我已经完成了。您可以检查更新。

methods:{
    clickHandler(event, yourUrl){
        axios.get(yourUrl)
        .then(function (response){
            //do what you need with this response
        }
    }
}