0xD34F

href="javascript:deleteRow(this);"

Замените на onclick="deleteRow(this)".

Или, просто уберите, и сделайте делегированный обработчик клика:

document.querySelector('table').addEventListener('click', e => {
  e.target.closest('.btn')?.closest('tr').remove();
});

нашел другой вариант

$('body').on('click', 'btn btn-warning', function() {
        $(this).parents('tr').remove();
    });

НО проблема в том, что при нажатии удаляется полностью все строки, которые...

Это не "вариант", а неработоспособный мусор - где точки перед именами классов?

Что до удаления строк - этого не происходит. А вот страница перезагружается. Потому что href у ссылки пустой и не отменяете действие по умолчанию при клике. Надо так:

$('table').on('click', '.btn.btn-warning', function(e) {
  e.preventDefault();
  $(this).closest('tr').remove();
});

Или, вместо пустой строки записывайте # ссылкам в href. Или, замените a на span, и стилизуйте его под ссылку:

span.btn {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}

const getStr = length => Array
  .from({ length }, n => (
    n = Array(length).fill('.'),
    n[Math.random() * length | 0] = 'Q',
    n.join('')
  ))
  .join('\n');

Потому что передаёте в sendRequesr вместо строки с городом соответствующий ей элемент <a>.

{"value":"[\"2b2df5f4-256d-402e-b074-c460ee394a2e

Двойные кавычки перед [ видите? - value (days тоже) это строка, а не массив. Так что не хватает JSON.parse.

Сколько tbody у таблицы? Одна штука:

document.querySelector('tbody').addEventListener('input', function() {
  const data = Array.from(
    this.children,
    tr => Array.from(tr.querySelectorAll('input'), input => input.value)
  );

  console.log(data);
});

Несколько:

document.querySelector('table').addEventListener('input', e => {
  const { map, flatMap } = Array.prototype;
  const data = flatMap.call(
    e.currentTarget.tBodies,
    tbody => map.call(
      tbody.rows,
      tr => map.call(tr.cells, td => td.lastElementChild.value)
    )
  );

  console.log(data);
});

// или

document.querySelector('table').addEventListener('input', function() {
  const numHeadRows = this.querySelectorAll('thead tr').length;
  const data = [];

  for (const input of this.querySelectorAll('tbody input')) {
    const td = input.parentNode;
    const iCol = td.cellIndex;
    const iRow = td.parentNode.rowIndex - numHeadRows;
    (data[iRow] ??= [])[iCol] = input.value;
  }

  console.log(data);
});

Добавьте в компонент два свойства - столбец, по которому надо выполнять сортировку, и направление сортировки.

Сделайте вычисляемое свойство, которое будет представлять отсортированный массив. Текущий столбец - ключ, по которому из элементов массива извлекаются значения для сравнения; результат сравнения умножается на +/- 1, в зависимости от текущего направления сортировки.

Функция, инициирующая сортировку, принимает столбец, по которому надо сортировать, и устанавливает значение соответствующего свойства. В случае, если новый и старый столбцы совпадают, переключайте значение свойства, отвечающего за направление сортировки.

https://jsfiddle.net/qny6cvsr/1/

Добавить в компонент модального окна свойство, которое будет указывать, начат ли процесс закрытия окна. Выставляется в true только по mousedown на корневом элементе, в остальных случаях сбрасывается. При событии mouseup на корневом элементе проверяется значение, если true - можно закрывать.

data: () => ({
  closing: false,
}),

<template>
  <div
    @mousedown="closing = $event.target === $el"
    @mouseup.self="closing && close()"
  >
    ...

https://jsfiddle.net/3vkqm8sw/

О каких элементах идёт речь:

const parent = document.querySelector('.top');
const elements = parent.children;

Удаляем:

parent.replaceChildren(...Array.prototype.filter.call(
  elements,
  function({ textContent: n }) {
    return !this.has(n) && this.add(n);
  },
  new Set
));

или

const { size: numUnique } = Array.prototype.reduce.call(
  elements,
  (acc, n) => acc.add(elements[acc.size].innerText = n.innerText),
  new Set
);

for (; elements[numUnique]; parent.lastElementChild.remove()) ;

или

parent.innerHTML = Array
  .from(new Set(Array.from(elements, n => n.outerHTML)))
  .join('');

или

Object
  .values(Array
    .from(elements)
    .reduce((acc, n) => ((acc[n.innerText] ??= []).push(n), acc), {}))
  .forEach(n => n.forEach((m, i) => i && parent.removeChild(m)));

или

[...elements]
  .filter((n, i, a) => n !== a.find(m => m.innerText === n.innerText))
  .forEach(n => n.replaceWith());

Коротко:

const keys = [...new Set(arr.flatMap(Object.keys))];

Длинно:

const keys = arr.reduce((acc, n) => {
  for (const k in n) {
    if (n.hasOwnProperty(k) && !acc.includes(k)) {
      acc.push(k);
    }
  }

  return acc;
}, []);

const [users, setUsers] = useState({user:['user1', 'user2', 'user3']});

Здесь users это объект, единственное свойство которого является массивом.

setUsers(users.user.filter((item,i) => i !== index));

А здесь - массив.

const list = users.user.map(...

У этого массива вы пытаетесь прочитать свойство user, которого нет, получаете undefined, а дальше... Ну, сообщение об ошибке вы уже видели.

Вы бы определились, чем должен быть users.

На вопрос "почему не отрабатывает" ответ смотрите в консоли - там есть соответствующее сообщение об ошибке.

class DoublyLinkedList {
  constructor() {
    this.size = 0;
    this.head = null;
    this.tail = null;
  }

  add(value, index) {
    index ??= this.size;

    const next = this.searchByIndex(index);
    const prev = next ? next.prev : this.tail;
    const node = { value, next, prev };

    prev || (this.head = node);
    next || (this.tail = node);

    prev && (prev.next = node);
    next && (next.prev = node);

    this.size++;
  }

  _remove(node) {
    if (node) {
      node.prev || (this.head = node.next);
      node.next || (this.tail = node.prev);

      node.prev && (node.prev.next = node.next);
      node.next && (node.next.prev = node.prev);

      this.size--;
    }
  }

  removeByValue(value) {
    this._remove(this.searchByValue(value));
  }

  removeByIndex(index) {
    this._remove(this.searchByIndex(index, true));
  }

  searchByIndex(index, strict) {
    if (!(index >= 0 && index <= this.size - !!strict)) {
      throw 'invalid index';
    }

    let node = this.head;

    while (index--) {
      node = node.next;
    }

    return node;
  }

  searchByValue(value, startIndex = 0) {
    let node = this.searchByIndex(startIndex, true);

    while (node && node.value !== value) {
      node = node.next;
    }

    return node;
  }
}

useEffect

methods: {
  classes: obj => ({
    'current-active': obj.progress.current > 0,
  }),
  ...
},

:class="classes(cutLine)"

chunkSize = 2
chunksNum = len(string) - chunkSize + 1
chunks = [ string[i:i + chunkSize] for i in range(0, chunksNum) ]

Куда пользователь забивает значение, кого надо проверять, и кого скрывать:

const input = document.querySelector('input');
const itemClass = 'word';
const blockClass = 'block';

Слушаем событие input, сравниваем значения, поднимаемся к блоку и переключаем его видимость:

input.addEventListener('input', e => {
  const val = +e.target.value;

  document.querySelectorAll(`.${itemClass}`).forEach(n => {
    n.closest(`.${blockClass}`).hidden = +n.innerText < val;
  });
});

или

.hidden {
  display: none;
}

input.oninput = function() {
  const val = Number(this.value);

  for (const n of document.getElementsByClassName(itemClass)) {
    let block = n;
    while (!(block = block.parentNode).classList.contains(blockClass)) ;
    block.classList.toggle('hidden', Number(n.textContent) < val);
  }
};

Скрыть через стилизацию:

.show-days-only .v-picker__title,
.show-days-only .v-date-picker-header {
  display: none;
}

<v-date-picker class="show-days-only"

<Route path="/products" component={Products} />

Сюда добавить exact.

return <h1>Product# {match.slug}</h1>;

Здесь должно быть match.params.slug.

Пробовал с mix-blend-mode, не получилось.

Пробовал с mix-blend-mode, получилось.

try {
  eval('this.#' + name);
  return true;
} catch(e) {
  return false;
}