Как выводить имя полученных файлов в input type=file?

Для вывода имени полученных файлов в элементе <input type="file"> в Vue.js, вы можете использовать следующий подход:

1. В вашем компоненте Vue.js создайте переменную данных, которая будет содержать выбранные файлы:

data() {
  return {
    selectedFiles: []
  };
}

2. В вашем шаблоне компонента добавьте элемент <input type="file">, свяжите его событие change с методом, и обновите переменную selectedFiles соответствующими значениями:

<input type="file" @change="handleFileChange" multiple>

3. В методе handleFileChange обработайте выбранные файлы и обновите переменную selectedFiles с их именами:

methods: {
  handleFileChange(event) {
    const fileInput = event.target;
    const files = fileInput.files;

    this.selectedFiles = Array.from(files).map(file => file.name);
  }
}

Теперь, когда пользователь выбирает файлы в элементе <input type="file">, их имена будут отображаться в переменной selectedFiles. Вы можете использовать эту переменную для дальнейшей обработки и отображения имен файлов в вашем приложении.