Я пытаюсь выяснить, что здесь происходит, но я установил для своего экземпляра Vue запуск вызова axios каждый раз, когда добавляется новый тег. Проблема в том, что я получаю 400 плохих запросов и не могу понять, почему.
Когда я добавляю тег и проверяю свой элемент Vue, мой объект tag_data: "test string"
. Я просто хочу сделать вызов с "тестовой строкой" в качестве моих данных.
Есть какие-то очевидные проблемы с тем, что я делаю?
Маршрут
Route::post('tags/save','CampaignsController@saveTags')
->name('tags/save');
Контроллер
public function saveTags(Request $request)
{
$tagData = $request->tag_data;
$stmt->bindValue(1,$tagData, PDO::PARAM_STR);
$stmt->bindParam(2, $out2, PDO::PARAM_INT|PDO::PARAM_INPUT_OUTPUT);
$stmt->execute();
}
Клинок
new Vue({
components: {
Multiselect: window.VueMultiselect.default
},
el: "#tagApp",
data() {
return{
value: [],
loading: false,
options: []
}
},
methods: {
read: function(val){
if (val) {
this.loading = true;
this.options = [];
} else {
this.options = [];
}
},
/*Issue is here*/
addTag(newTag) {
const tag = {
tag_data: newTag,
};
this.options.push(tag);
this.value.push(tag);
axios.post('campaigns/tags/save',{
tag_data: newTag,
})
.then(function (response){
console.log(response);
})
.catch(function (error) {
console.log(error);
console.log(tag_data);
});
}
}
})