Błąd podczas przesyłania pliku Vue.js Laravel

Błąd podczas przesyłania pliku Vue.js Laravel
M2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 362
0

cześć,
usiłuję przesłać plik z Vue.js backend Laravel. O ile od dłuższego czasu nie miałem z tym problemu tak tym razem męczę się już z tym dwa dni.
mam taki kod

Kopiuj
export default {
  name: "UploadImageText",
  data() {
    return {
      data: {
        image: null,
        txt: '',
        txt_trans: '',
        sound_file: ''
      },
    }
  },
  methods: {
    store() {
      let formData = new FormData();
      formData.append('image', this.image, this.data.image.name);
      formData.append('txt', this.data.txt);

      return formData;
    }
  }
}

w komponencie nadrzędnym mam coś takiego

Kopiuj
save() {
      this.data.fields = this.$refs.fields.store();

      this.$axios.post('save', this.data, { "content-type": "multipart/form-data" })
        .then((data) => {
          if (data.data.success === 1) {
      //
          }
        }).catch((error) => {

      })
    },

data: {
     
        type: '',
        position: '',
        fields: ''
      },

po wysłaniu otrzymuję błąd mówiący o tym że txt jest wymagany czyli po prostu co powinno być zwrócone z komponentu dziecka do rodzica jest null

LU
  • Rejestracja: dni
  • Ostatnio: dni
0

@michalos25: a to czy Twoje data nie powinno być funkcją zwracającą obiekt?

Kopiuj
data: () => ({
        type: '',
        position: '',
        fields: ''
     }),
DE
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 311
0

Ja bym to zrobił przez v-model w inputach. Btw dlaczego uzywasz vue 2?

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.