将参数从Vue发送到Laravel控制器以更新属性

<template>
  <div>
    <input v-model="name" type="text" placeholder="Name">
    <button @click="updateProperty">Update Property</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      name: '',
    };
  },
  methods: {
    updateProperty() {
      axios.post('/update-property', { name: this.name })
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.error(error);
        });
    },
  },
};
</script>

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Property;

class PropertyController extends Controller
{
    public function update(Request $request)
    {
        $name = $request->input('name');

        // 更新属性
        $property = Property::find(1);
        $property->name = $name;
        $property->save();

        return response()->json(['message' => 'Property updated successfully']);
    }
}

Route::post('/update-property', [PropertyController::class, 'update']);