I am facing an issue while trying to submit form data using "vue-resource" in my code. The error message I receive mentions a problem with the use of this method alongside vue-cli and vuetify.
Error
[Vue warn]: Error in v-on handler: "TypeError: this.$http.post(...).error is not a function"
App.vue
<template>
<v-app>
<v-main>
<v-container class="px-0">
<v-form ref="form" @submit="addEvent">
<p class="text-uppercase">Question?</p>
<v-radio-group v-model="newEvent.select1" row>
<v-radio label="aaa" value="aaa"></v-radio>
<v-radio label="bbb" value="bbb"></v-radio>
</v-radio-group>
<input type="submit" depressed color="primary" value="OK!">
</v-form>
</v-container>
</v-main>
</v-app>
</template>
<script>
export default {
name: 'App',
data () {
return {
users: [],
newEvent: {
select1: '',
}
}
},
methods: {
addEvent: function (e) {
e.preventDefault()
if (this.isValid) {
console.log("success")
console.log("select1: " + this.newEvent.select1)
this.$http.post('URL..', this.newEvent, function (data, status, request) {
console.log("post success")
console.log(status)
}).error(function (data, status, request) {
console.log("post failed")
})
}else{
console.log("need edit")
}
},
},
computed: {
isValid: function () {
var valid = true
for (var key in this.data) {
if (!this.data[key]) {
valid = false
}
}
return valid
}
},
};
</script>
I have attempted adding "import VueResource from'vue-resource'" in main.js, but it did not resolve the issue. Can anyone help me find a solution?