如何在vuejs中存储已登录的user_id

Question

我对vew js完全陌生，我正在尝试将数据存储在db中，当我手动输入值时，我成功地存储了数据，但我想存储登录用户的user_id。

这是我的vue

<form @submit.prevent>
<div class="form-group">
<label for="event_name">Name</label>
<input type="text" id="event_name" class="form-control" v-model="newEvent.event_name">
</div>
<div class="form-group">
<label for="user_id">Use Id</label>
<input type="text" id="user_id" class="form-control" v-model="newEvent.user_id">
</div>
<div class="col-md-6 mb-4" v-if="addingMode">
<button class="btn btn-sm btn-primary" @click="addNewEvent">Save Event</button>
</div>
</form>
export default {
components: {
Fullcalendar
},
data() {
return {
calendarPlugins: [dayGridPlugin, interactionPlugin],
events: "",
newEvent: {
event_name: "",
user_id: ""
},
addingMode: true,
indexToUpdate: ""
};
},
created() {
this.getEvents();
},
methods: {
addNewEvent() {
axios
.post("/fullcalendar/api/calendar", {
...this.newEvent
})
.then(data => {
this.getEvents(); // update our list of events
this.resetForm(); // clear newEvent properties (e.g. title and user_id)
})
.catch(err =>
console.log("Unable to add new event!", err.response.data)
);
},

在这里，当我手动在Name和UserId中输入值时，它会存储在db中，但在userid中，我想获得登录的User_Id。

我试过这样的东西，但没有用，

<input type="text" id="user_id" class="form-control" v-model="newEvent.{{ Auth::user()->id; }}">

请帮帮我，提前谢谢。

EventResource.php

public function toArray($request)
{
return [
'id' => $this->id,
'title' => $this->event_name,
'user' => $this->user_id,
];
}

Answer 1

您可以使用axios请求发送数据，如下所示：

axios.post('/url', {
user_id: {{ Auth::user()->id }}
}, {
headers: headers
})

在您的控制器中，您可以使用：$request->user_id;访问它