0

делал кнопку для очищения корзины, копка работает сам код работает. Кнопку инициализирует оп классу. Но... если я устанавливаю этот класс на кнопку которая находиться в модальном окне, ничего не происходит и корзина не очищается. Помогите пожалуйста в решении этой проблемы, я только начал учить js, и front в общем.

код https://codepen.io/TraenGO/pen/abLwJVJ код

Код в js. строка кнопки для удаления [173, 184, 219-222], Модальное окна находиться с 142 строки, временная кнопка на которой стоит класс удаления [unikalniy-class] находиться на 140 строчке.

1 ответ 1

0

Дело в том, что вы пытаетесь навесить на кнопку обработчик в тот момент, когда этой кнопки ещё не существует - Vue её не отрисовала. Поскольку вы работаете в Vue, то и навешивать обработчики нужно средствами Vue.

<button class="unikalniy-class button-yes" @click="resetCart" id="btn-yes">

methods: {
    resetCart: function(){
        this.showModal = false;
        document.dispatchEvent(new CustomEvent("reset-сart", {
        }));
    }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.