Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)

Как из родительского компонента сообщить дочернему что нибудь сделать?

  • Родительский компонент - это форма отправки;
  • Дочерний компонент - dopzone для загрузки изображения, внутри которого подключаетсяimport vue2Dropzone from 'vue2-dropzone' vue2Dropzone - с помощью npm скачен, сделал так что бы все настройки dropzone всё таки были в отдельном компоненте а не в форме отправки (родительском компоненте).

Проблема в том, что когда форма успешно отправлена я очищаю все свойства data которые связаны с полями формы, но миниатюра загруженной картинки остаётся в разметке, т.к. в dataсвязанное с загруженным изображением находиться только лишь объект изображения, что бы на сервере изображение сохранить.

Вопрос в том, как из компонента формы передать в дочерний компонент информацию о том что нужно удалить из разметки изображение. Удаление делается методом dropzone removeAllFiles(true)

Я так полагаю, что мне наверно нужно входной параметр передавать в дочерний компонент из родительского ? Какой нибудь типа Boolean ?

Заранее благодарю за ответ.
  • Вопрос задан
  • 195 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Ставите ref на свою dropzone:

<vue-dropzone ref="dropzone">

Когда надо её очистить - вызываете метод:

this.$refs.dropzone.removeAllFiles(true)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы