无法使用 vue.js 发布

Question

我想使用“vue-resource”发布表单数据，但出现错误。我用 vue-cli 和 vuetify 编写了代码。

错误

[Vue 警告]：v-on 处理程序中的错误：“TypeError：this.$http.post(...).error 不是函数”

应用程序.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>

　

我尝试在 main.js 中写“import VueResource from 'vue-resource'”，但是没有效果。

我该如何解决？

Answer 1

尝试使用axios或fetch// install axios firstimport axios from 'axios'// ... some code hereaxios.post(url, data).then(response => {}).catch(error => {})// or you can use fetchlet response = await fetch(url, { method:'POST', headers: {'Content-Type': 'application/json;charset=utf-8'}, body: JSON.stringify(data) })// getting resultlet json = await response.json()