Vue JS CRUD - How to Insert data using API in Vue JS | Insert data using Laravel API in Vue 3 axios

[@hubesh716]

sir in upcoming react + Laravel series can we do image upload crud

[@SarvanThakor-t9g]

very very good explain sir

[@diaguitounkara9578]

Cool Sir

[@mdmuradhosen985]

Error not detected when we submit button with blank data



Add Products


{{ error[0] }}


Name





Detail





Save





import axios from 'axios';
export default {
name: 'productAdd',
data() {
return {
errorList: '',
model: {
product: {
name: '',
detail: ''
}
}
}
},
methods: {
saveProduct()
{
var mythis = this;
axios.post('localhost:8000/api/products', this.model.product)
.then (res => {
console.log(res.data)
alert(res.data.message);
this.model.product = {
name: '',
detail: ''
}
this.errorList = ''
})
.catch(function (error) {
if (error.response)
{

if(error.response.status == 422)
{
mythis.errorList = error.response.data.errors;
}

}
else if (error.request)
{
console.log(error.request);
}
else
{

console.log('Error', error.message);
}
});


}
}
}

[@satyanarayanaG-bs4ld]

What is that extension you have installed

[@fauzihazim752]

check this link

[@mopuculo7372]

vue devtool

[@ntec22]

Nice

[@anindaputriardhana8322]

source kode please

[@jcsegura6541]

no se ve nada de nada el video corrompido

[@fundaofwebit]

increase the video quality