0

Как правильно решить проблему с axios?

<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  data() {
    return {
      form: {
        customer_name: '',
        customer_phone: '',
        customer_message: '',
      },
    }
  },
  methods: {
    sendOrder() {
      this.$axios
        .$post('/v1/order', this.form)
        .then((response) => {
          if (response.error) {
            this.$swal({
              icon: 'error',
              title: response.message,
              timerProgressBar: true,
            })
          }
        })
        .catch((error) => {
          this.$swal({
            icon: 'error',
            title: Object.values(error.response.data.errors).flat().join(''),
            timerProgressBar: true,
          })
        })
    },
  },
})
</script>

выдает

Property '$axios' does not exist on type 'CombinedVueInstance<Vue, { form: { customer_name: string; customer_phone: string; customer_message: string; }; page: { title: string; description: string; }; }, { sendOrder(): any; }, unknown, Readonly<Record<never, any>>>'.

1 ответ 1

0

Убедитесь в том, что вы правильно подключили Axios к проекту, проверьте его типы в tsconfig и в целом всю процедуру подключения.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.