Можно ли использовать v-model + input type="file"?

Question

[Eitewi]

Здравствуйте, если связать <input type="file" v-model="value" />
то v-model выведет C:\fakepath\Animation.gif (это string а не fileList), но как получить просто название Animation.gif или потом содержимое?
или v-model не подходит для такого и стоит пользоваться @change получая fileList?

Answer 1

[Дима Паутов]

v-model не подходит для такого и стоит пользоваться @change получая fileList?

Именно так

Comments

[Eitewi]

Однако главный вопрос почему разработчики vue не учли такой нюанс)?
В прочем я могу получить полный путь v-model-ом и потом value.split('\\').pop().split('/').pop(); и получить нужно мне имя файла, но правильный ли такой подход (и он не работает при multiple, возращается только первый путь)

[Дима Паутов]

Eitewi,

Однако главный вопрос почему разработчики vue не учли такой нюанс)?

Потому что вы не можете задать значение для input file. Оно только для чтения. В консоли компилятор вам скажет, что не используйте v-model. Даже используя его, вы не получите 2х стороннее связывание. А стандартное значение(свойство value) input file - это путь до выбранного файла. files - это отдельное свойство. Все остальные поля имеют простое поле value, в котором будет конкретное значение. Т.к. других нет, а тут целых 2, отдельно путь, отдельно список файлов. Поэтому и не работает