Как удалить vue js

vue js. Удаление элемента из DOM дерева

Ответ несколько иной чем вы ожидаете. Вам не нужно удалять элемент из DOM. Vue это data-first фраемворк. Вы изменяете данные, Vue отрисовывает их.

Обратите внимание: Vue следит за DOM самостоятельно, Вы не должны изменять его без крайней необходимости.

В вашем случае всего лишь удалить значение из cart:

 this.cart = this.cart.filter(el => id !== this.product.id);

Хотелось бы так же добавить что Вам не стоить хранить данные в sessionStorage , храните их в Vuex и если Вам необходимо, сохраняйте состояние Vuex в sessionStorage . К тому же как я понимаю в cart всегда хранится одно значение, не совсем понятно зачем Вы в таком случае используете массив, возможно cart должен быть объектом?

Я бы переделал Ваш компонент так, хотя я не гарантирую что логика идентична.

   @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap'); .a-cart < color: black; padding: 20px 0px 20px 0px; font-family: 'Roboto', sans-serif; >.cart < max-width: 1000px; display: flex; flex-direction: column; text-align: center; background: white; padding: 0px; >.counter < max-width: 100%; display: flex; justify-content: flex-end; align-items: center; font-family: 'Roboto', sans-serif; >.img-cart < max-width: 200px; padding: 0 40px; >.button-product-cart

Кнопка для удаления элемента массива в Vue

Давайте сделаем кнопку реактивного удаления элементов из списка. Приступим к реализации. Пусть у нас дан массив:

Выведем содержимое массива в виде списка:

Сделаем в каждом пункте списка кнопку для удаления. В этой кнопке привяжем метод, параметром которого будем передавать номер элемента массива, которого мы собираемся удалить:

Реализуем удаление в методе removeItem :

Дан массив. Выведите элементы этого массива в виде списка ul . Сделайте так, чтобы по нажатию на любую li она удалялась из списка.