Всем привет. у меня в computed есть такая запись this.image =

Question

Всем привет. у меня в computed есть такая запись this.image =

document.querySelector('#image').files[0]
этот computed вызывается в шаблоне и срабатывает при загрузку страницы, но срабатывает он до того как страница загрузилась и в консоль выдает
Cannot read properties of null (reading 'files')"
. как можно проверить есть ли файл в переменой (чтоб кнопку disables делать), но чтоб компбютед срабатывал после загрузки страницы?

#frontend #javascript #programming #russian #vue.js

0

08.02.2022

15 ответов

29 просмотров

krike Автор вопроса

gry-dmitrij
он говорит, что нет НЕ файла, а нет #image

да, я пробовал делать через document.readyState но тогда компьютед срабатывает всего один раз

0

08.02.2022

gry-dmitrij

krike
да, я пробовал делать через document.readyState но...

что-то я не уверен, что и в текущем виде computed сработает несколько раз, потому что он не будет отслеживать эти изменения.

0

08.02.2022

Dmytro Knysh

почем ты именно в computed это положил?

0

08.02.2022

krike Автор вопроса

Dmytro Knysh
почем ты именно в computed это положил?

у меня v-bind:disabled, мне нужно чтобы при каждом изменении поля он высчитывал

0

08.02.2022

Artyom Tuchkov

computed не должен содержать никаких сайд-эффектов, да и неясно, зачем ты напрямую в DOM лезешь

0

08.02.2022

Anton Permyakov

krike
у меня v-bind:disabled, мне нужно чтобы при каждом...

это не будет так работать

0

08.02.2022

gry-dmitrij

this.image = document.querySelector('#image')?.files[0] Добавление вопросительного знака должно решить проблему с ошибкой, но скорей всего не решит проблему с обновлением

0

08.02.2022

Anton Permyakov

к тому же квериселекторы во вью использовать плохо если ты так хочешь получить дом элемент, используй рефы

0

08.02.2022

krike Автор вопроса

Artyom Tuchkov
computed не должен содержать никаких сайд-эффектов...

если честно сам понимаю что это плохая практика, но я по другому не могу вытащить файл, т.к input type file это отедьный компонент

0

08.02.2022

krike Автор вопроса