如何将点击的卡片按钮id传递给vue.js中的后端URL路径？

<template>
  <div>
    <div v-for="card in cards" :key="card.id">
      <button @click="sendIdToBackend(card.id)">点击卡片按钮</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cards: [
        { id: 1, name: 'Card 1' },
        { id: 2, name: 'Card 2' },
        { id: 3, name: 'Card 3' }
      ]
    };
  },
  methods: {
    sendIdToBackend(id) {
      // 在这里可以通过网络请求将id传递给后端URL路径
      // 例如使用axios库发送POST请求
      axios.post('/api/backend-url', { id })
        .then(response => {
          // 处理后端返回的数据
        })
        .catch(error => {
          // 处理请求错误
        });
    }
  }
};
</script>