0xD34F

Почему бы не почитать документацию? Там всё написано. Передавайте filterDebet в качестве значения параметра filter в таблицу: :filter="filterDebet".

UPD. Вынесено из комментариев:

хочу фильтровать по нескольким значениям

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

Используйте в качестве значений option'ов не сами значения, а их индексы внутри массива list. Эмитить надо будет, соответственно, list[target.value].

https://jsfiddle.net/krnLyf2q/

Или сделайте внутри компонента computed свойство с сеттером (в котором будет выполняться $emit), и используйте его в v-model.

https://jsfiddle.net/krnLyf2q/1/

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

data: () => ({
  selected: null,
  ...
}),

Отображаем выбранную строку, если она есть; или все:

<tr v-for="(n, i) in (selected || objSearch)">

Клик по кнопке - сбрасываем свойство selected, если оно установлено; в противном случае устанавливаем:

@click="selected = selected ? null : { [i]: n }"

https://jsfiddle.net/dg4bxhu2/

Или, если "необходимо скрыть" понимать буквально, то можно определить класс, который будет прятать строки:

.hidden {
  visibility: hidden;
}

Назначать его строке, если есть выбранная строка и она не является текущей:

<tr
  v-for="(n, i) in objSearch"
  :class="{ hidden: selected !== null && selected !== i }"
>

Соответственно, установка значения selected:

@click="selected = selected === null ? i : null"

https://jsfiddle.net/dg4bxhu2/1/

Координаты точек - случайные значения в интервале -/+ половина стороны куба.

https://codepen.io/anon/pen/ewYOjK?editors=0010

UPD. А ещё можно так сделать - одной из координат (выбирается случайным образом) присваиваем крайнее значение, тогда куб будет пустой внутри, все точки на гранях. Если зафиксировать две координаты - все точки на рёбрах.

Убедитесь, что обработчик действительно назначен элементу, который скроллится, а не какому-нибудь из его дочерних элементов. Убедитесь, что этому элементу задано свойство overflow: scroll или overflow-y: scroll.

Потому что при назначении обработчиков клика кнопкам вроде бы одного конкретного слайдера, на самом деле назначаете их кнопкам всех слайдеров сразу.

Подозреваю, что виноват ".parents()"

И? Никак свои подозрения проверить не попытались? Можно же было посмотреть, что parents возвращает (и чем в результате оказываются prevBtn/nextBtn). Или прочесть об этом в документации.

Меняйте его на .closest('.block') или .parent().next('.slider-btns').

const table = $(this).closest('table').DataTable();

:nth-child(4n+3),
:nth-child(4n+4) {
  ...

https://codepen.io/anon/pen/bPbKbE

<input type="text" value="0.00">

document.querySelector('input').addEventListener('keypress', function(e) {
  e.preventDefault();
  this.value = this.value.replace(/(0)(?!.*\1)/, e.key);
});

Обработчик клика с чекбоксов уберите, и сделайте вычисляемое свойство:

computed: {
  sum() {
    return this.selected.reduce((acc, n) => acc + +n, 0);
  },
},

Или, без дополнительного массива selected:

<v-checkbox
  class="light--text"
  v-model="service.checked"
  :label="`${service.cost} руб.`"
></v-checkbox>

computed: {
  sum() {
    return this.services.reduce((acc, n) => acc + n.cost * n.checked, 0);
  },
},

UPD. https://jsfiddle.net/w0vrxcyg/

Делаем вычисляемые свойства минимума и максимума:

computed: {
  minStart() {
    return Math.min(...this.competitors.map(n => n.start));
  },
  maxSpeed() {
    return Math.max(...this.competitors.map(n => n.speed));
  },
},

И при выводе данных добавляем класс в случае равенства этим свойствам:

<tr v-for="{ start, speed } in competitors">
  <td :class="{ best: start === minStart }">{{ start }}</td>
  <td :class="{ best: speed === maxSpeed }">{{ speed }}</td>
</tr>

https://jsfiddle.net/gs8doqfc/

Неправильное подключение?

Так точно.

Подключаете jquery с атрибутом async, из-за чего плагину слайдера некуда устанавливаться. Если async убрать, всплывёт другая проблема - вы подключаете jquery два раза, и второе подключение перетирает результаты первого, вы получаете версию библиотеки без плагина слайдера.

componentDidUpdate(prevProps) {
  const id = this.props.match.params.id;
  if (id !== prevProps.match.params.id) {
    this.fetchSomeData(id);
  }
}

Запоминать последний вызов и резолвить только его?

const index = arr.findIndex(n => n.id === id);
if (index !== -1) {
  arr.splice(index, 1);
}

или, если нужен новый массив:

const newArr = arr.filter(n => n.id !== id);

Если же id имеют не уникальные значения, то создание нового массива остаётся без изменений, а модификация существующего может выглядеть так:

for (let i = arr.length; i--;) {
  if (arr[i].id === id) {
    arr.splice(i, 1);
  }
}

или так (да, reduceRight используется не совсем по назначения, как и оператор &&):

arr.reduceRight((_, n, i, a) => n.id === id && a.splice(i, 1), null);

или так:

let countDeleted = 0;

for (let i = 0; i < arr.length; i++) {
  arr[i - countDeleted] = arr[i];
  countDeleted += arr[i].id === id;
}

arr.length -= countDeleted;

или так:

arr.splice(0, arr.length, ...arr.filter(n => n.id !== id));

<input type="range" min="20" max="200" value="100">
<img src="...">

document.querySelector('input').addEventListener('input', function() {
  document.querySelector('img').style.filter = `brightness(${this.value}%)`;
});

https://codepen.io/anon/pen/ZNgoBL?editors=1010

.button {
  color: white;
  background: transparent;
  transition: all 0.4s;
}
.button:hover {
  color: black;
  background: white;
}

https://codepen.io/anon/pen/NVQjMX?editors=1100

$(this).closest('tr').index()

В обработчике start это будет индекс перемещаемого элемента; в drop, соответственно - куда переместили.

$('.box').each((i, n) => {
  const $blocks = $('.section .block', n);
  $('.imgs img', n).each((i, n) => $blocks.eq(i).append(n));
});

или

document.querySelectorAll('.box').forEach(n => {
  const images = n.querySelectorAll('img');
  n.querySelectorAll('.block').forEach((n, i) => n.append(images[i]));
});

Подменяете экземпляр класса другим объектом. Вот это вот из конструктора следует убрать:

return this.data();