Из-за чего может не открываться окно выбора файла?

Question

[Riley Usagi]

Вариант кода на VueJs

input(name="document" ref="document" type="file" @change="fileChange")

При нажатии на кнопку выбора файла может сработать событие @click, но не срабатывает @change, поскольку, собсна ничего и не меняется. Окно выбора файла просто не открывается.

Я в отчаянии, господа. Выручайте.

Ps. Ещё раз дублирую в конце сообщения сам вопрос: Почему может не открываться окно выбора файла?

Answer 1

[Riley Usagi]

Удивительно, но... проблема оказалась в особенностях дизайна купленного на Themeforest.

На чистом html всё прекрасно работает.

Answer 2

[profesor08]

Вставь куда-то в страницу и проверь. Если работает, значит ты накосячил в коде, исправляй ошибки.
<input type="file">

Так-же открой консоль и посмотри ошибки. Больше нечего посоветовать.

Comments

[Riley Usagi]

Попробовал. Никакой реакции. Увы.

[Riley Usagi]

Собсна и ошибок никаких нет.

Answer 3

[Evgeny Kulakov]

@change должен срабатывать когда у вас открылось окно и вы выбрали файл.

Comments

[Riley Usagi]

И? Вы вопрос читали?

[Evgeny Kulakov]

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

<label for="file">Клик</label>
<input type="file" id="file">

[Riley Usagi]

Evgeny Kulakov, попробовал. Не работает.

А вообще выяснил одну особенность: событие не срабатывает в суб-компоненте, но нормально работает в корневом.

Понятия не имею в чём может быть загвоздка.