Добавление publickey и файла в данные const в Vue.js

Question

Я хочу иметь конструкцию 'data', которая включает в себя 'publicKey' и 'file' внутри, и хочу разделить их в хранилище как publicKey и file.

Как создать конструкцию в save.vue, как показано ниже. Другими словами, мне нужно отправить publickey и файл вместе в функцию uploadCourseResourceFile. Заранее спасибо за помощь.

const data = {
  publicKey: this.$route.params.id,
  file: this.file
}

save.vue

methods: {
  processFiles(event) {
    const chosenFiles = Array.from(event.target.files);
    chosenFiles.map(file => {
      this.$store.dispatch("uploadCourseResourceFile",data).then(response => {});
  });
},

магазин

uploadCourseResourceFile(context, data) {
  const coursePublicKey= data.publicKey;
  const file = data.file;
  return courseService.uploadFile(coursePublicKey,file);
},

сервис

uploadFile(coursePublicKey,file) {
  return storageService.upload(`/api/courses/${coursePublicKey}/storage /file`, file)
}

Answer 1

Чтобы использовать dispatch с параметрами, вы можете просто:

this.$store.dispatch("uploadCourseResourceFile", {publicKey: this.$route.params.id, file})

И вы можете получить доступ к своим данным с uploadCourseResourceFile, как и вы.

Ваш const data не имеет большого смысла в этом случае. Доступ к this.file в этом контексте, который вы показываете, не вернет то, что вы хотите.