使用vue删除laravel 8中的寄存器DB

<template>
  <button @click="deleteRecord">删除记录</button>
</template>

<script>
export default {
  methods: {
    deleteRecord() {
      // 在这里编写删除记录的逻辑
    }
  }
}
</script>

import axios from 'axios';

export default {
  methods: {
    deleteRecord() {
      axios.delete('/api/records/' + recordId)
        .then(response => {
          // 处理删除成功的逻辑
        })
        .catch(error => {
          // 处理删除失败的逻辑
        });
    }
  }
}

Route::delete('/api/records/{id}', 'RecordController@destroy');

namespace App\Http\Controllers;

use App\Models\Record;

class RecordController extends Controller
{
    public function destroy($id)
    {
        $record = Record::find($id);
        if ($record) {
            $record->delete();
            return response()->json(['message' => '记录删除成功']);
        } else {
            return response()->json(['message' => '记录不存在'], 404);
        }
    }
}