<template #default="{row}"> <el-button type="primary" size="small" @click="handleViewDetail(row)">查看详情</el-button> <el-button type="danger" size="small" @click="deletedata(row)">删除</el-button> </template>我想用axios把对应接口绑到按钮上去，怎么拿到对应数据的id

你可以在 `handleViewDetail` 和 `deletedata` 方法中使用 `row` 参数来获取对应数据的 id。假设 `row` 是一个对象，其中包含一个名为 `id` 的属性，你可以像这样使用它：

methods: {
  handleViewDetail(row) {
    const id = row.id;
    // 使用 id 发送请求或执行其他操作
    // 使用 axios 或其他 HTTP 库发送请求
    axios.get(`/api/details/${id}`)
      .then(response => {
        // 处理返回的数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  },
  deletedata(row) {
    const id = row.id;
    // 使用 id 发送请求或执行其他操作
    // 使用 axios 或其他 HTTP 库发送请求
    axios.delete(`/api/data/${id}`)
      .then(response => {
        // 处理成功删除的响应
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }
}

在上述示例中，我们使用 `row.id` 来获取对应数据的 id，并将其用于发送请求或执行其他操作。请根据你的实际需求修改请求的 URL 和处理返回数据的逻辑。