使用vue-multiselect将对象数组从vue传递到laravel

import Multiselect from 'vue-multiselect'

export default {
  components: {
    Multiselect
  },
  // ...
}

<template>
  <div>
    <multiselect v-model="selectedOptions" :options="options" label="name" track-by="id"></multiselect>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        { id: 1, name: 'Option 1' },
        { id: 2, name: 'Option 2' },
        { id: 3, name: 'Option 3' },
        // ...
      ]
    }
  },
  // ...
}
</script>

// ...
methods: {
  sendDataToLaravel() {
    // 构建要发送的数据对象
    const data = {
      options: this.selectedOptions
    }

    // 发送数据到Laravel后端
    axios.post('/api/endpoint', data)
      .then(response => {
        // 处理响应
      })
      .catch(error => {
        // 处理错误
      })
  }
}
// ...

// 路由定义
Route::post('/api/endpoint', 'SomeController@handleData');

// 控制器方法
public function handleData(Request $request)
{
  $options = $request->input('options');
  
  // 处理接收到的数据
  // ...
}