0xD34F

$('#results').on('change', 'tr', function(e) {
  console.log(e, $(this).data('xxx'));
});

function displayLine(data) {
  $('#results').append($(`
    <tr>
      <th scope="row">${importLines.length}</th>
      <td><input class="checkbox" type="checkbox"></td>
      <td>${data[0]}</td>
      <td>${data[2]}</td>
      <td>${data[11]}</td>
      <td id="status-${data[0]}"><b><span style="color: orange">PENDING</span></b></td>
    </tr>
  `).data('xxx', data));
}

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

onClickOutside(e) {
  if (!this.$el.contains(e.target)) {
    // закрываем дропдаун
  }
},

Назначаем обработчик при создании экземпляра, перед уничтожением снимаем:

created() {
  const { onClickOutside } = this;
  document.addEventListener('click', onClickOutside);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('click', onClickOutside));
},

https://jsfiddle.net/8ugxwf7k/

if(currentSlide == 2){

Забыли this. Не только тут - везде, где обращаетесь к currentSlide внутри методов.

this.el.style.backgroundImage = ...

А вот это лишнее (да и называется это свойство немного иначе). Работать с DOM напрямую не следует; кроме того, background у вас уже назначается в шаблоне - вот там его надо заменить на backgroundImage.

photos: {

Лучше сделать массивом, так гораздо проще.

https://jsfiddle.net/k9fqha3u/

Проблема явно в строке
<li v-for="array in filterBy(arrays, input)">

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

Или можно обойтись без сторонних библиотек и оформить отфильтрованные данные как computed свойство.

https://jsfiddle.net/jbd5amvo/

Я взял вот этот листинг:

https://next.vuetifyjs.com/ru/components/lists

В консоли ошибка :

[Vue warn]: Unknown custom element

Может, у вас vuetify версии 1.x, в то время как документацией пользуетесь от второй? - некоторые компоненты были переименованы.

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

https://jsfiddle.net/w0vrxcyg/1/

нужно пройтись в сторе по массиву найти у какого объекта stepConditions.active === true ему поставить false, а следующему объекту в stepConditions.active выставить true

Если активен может быть только один элемент - наверное, не надо указывать активность каждого элемента, храните отдельно индекс активного. Разве так не будет проще?

Ну а отвечая непосредственно на ваш вопрос:

case OPEN_NEXT_EXPRESS_FORM_STEP:
  const active = 1 + state.findIndex(n => n.stepConditions.active);
  return active ? state.map((n, i) => ({
    ...n,
    stepConditions: {
      ...n.stepConditions,
      active: i === active,
    },
  })) : state;

или

case OPEN_NEXT_EXPRESS_FORM_STEP:
  return state.map((n, i, arr) => ({
    ...n,
    stepConditions: {
      ...n.stepConditions,
      active: !!(i && arr[i - 1].stepConditions.active),
    },
  }));

arr.propertyIsEnumerable(length)
// => true

Вы тут не свойство length проверяете, а свойство, чьё имя совпадает со значением переменной length - и что у вас в ней лежит, да хрен его знает. Может быть число, соответствующее какому-то индексу массива - тогда неудивительно, что получаете true.

UPD. Могу предположить, что за length там у вас - если вы сами её не объявляли, это window.length.

Странный вопрос. Что в коде написали - то и происходит. Нет у вас там никакого добавления в массив. Если хотите, чтобы text был массивом, тогда делайте так:

$keyboard['keyboard'][$i]['text'][] = $buttons[$i];

При каждом ресайзе у вас вызывается sandwitch, в котором назначается обработчик клика. Отресайзили окно 10 раз - вот вам 10 обработчиков.

Не очень понятно, зачем вообще тут нужно отслеживать ресайз - вешайте обработчик сразу, и уже внутри него проверяйте ширину окна, как-то так:

$(document).on('click', '.sandwitch', function () {
  if ($(window).width() < 520) {
    $(this).toggleClass('sandwitch--active');
    $('.main-menu-list').slideToggle();
  }
});

Ну так вы же полностью переписываете объект:

state = {
    field: newField,
    currentPlayer: newPlayer
};

Где тут свойство winnner? Не вижу. А-у-у-у, winner, ты где? Нет никого.

Может, вы хотели объект дополнить? Типа, Object.assign(state, { ... }).

В качестве стейта будет объект, содержащий в себе значения всех счётчиков:

const initialState = {
  first: 0,
  second: 0,
};

Экшена достаточно и одного, помимо типа будет указываться имя счётчика:

class CounterAction implements Action {
  constructor(public type: ActionTypes, public payload: string) {}
}

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

function counterReducer(state = initialState, action: CounterAction) {
  switch (action.type) {
    case ActionTypes.Increment:
      return {
        ...state,
        [action.payload]: state[action.payload] + 1,
      };
  ...

Далее, в компоненте покажем счётчики:

<div *ngFor="let item of count$ | async | keyvalue">
  <button (click)="increment(item.key)">Increment</button>
  <div>Current Count: {{ item.value }}</div>
  <button (click)="decrement(item.key)">Decrement</button>
  <button (click)="reset(item.key)">Reset Counter</button>
</div>

Ну и попросим их обновиться:

increment(key) {
  this.store.dispatch(new CounterAction(ActionTypes.Increment, key));
}
...

https://stackblitz.com/edit/angular-ms9wfw?file=sr...

SELECT t.value->>'status' AS status, count(t.value->>'status')
FROM table_name, jsonb_each(table_name.jsonb_column_name) AS t
GROUP BY status

function foo(...args) {
  console.log(args[N]);
}

или

function foo() {
  console.log(arguments[N]);
}

или

function foo(...{ [N]: x }) {
  console.log(x);
}

$('.advantage-wrapper--content').click(function() {
  $(this).next('.advantage-wrapper--modal').toggleClass('d-none');
});

Делаете ещё одно вычисляемое свойство, по аналогии с sum - массив title'ов отмеченных элементов:

selectedServices() {
  return this.services.reduce((acc, n) => (n.checked && acc.push(n.title), acc), []);
},

Ну и выводите его:

<ul>
  <li v-for="n in selectedServices">{{ n }}</li>
</ul>

UPD. А вообще, имеет смысл немного всё переписать, чтобы не обходить массив services полностью дважды (или трижды, четырежды - кто знает, что ещё потребуется делать с выбранными элементами в будущем). Сделаем selectedServices массивом не title'ов, а самих выбранных элементов:

selectedServices() {
  return this.services.filter(n => n.checked);
},

Рендеринг title'ов, соответственно, станет выглядеть так:

<ul>
  <li v-for="n in selectedServices">{{ n.title }}</li>
</ul>

И используем selectedServices для вычисления суммы, здесь трогать свойство checked больше не надо:

sum() {
  return this.selectedServices.reduce((acc, n) => acc + n.cost, 0);
},

const routes = [
  ...
  {
    path: '*',
    component: Page404,
  },
];

или, можно дополнительно редиректить:

const routes = [
  ...
  {
    path: '/404',
    component: Page404,
  },
  {
    path: '*',
    redirect: '/404',
  },
];

Получаем коллекцию элементов, вызываем конструктор для каждого из них:

const cards = Array.from(
  document.querySelectorAll('[data-component="card"]'),
  n => new Card(n)
);

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

constructor(el) {
  if (typeof el === 'string') {
    return Array.from(document.querySelectorAll(el), n => new Card(n));
  }

  // дальше всё по-старому

И тогда можно будет делать так:

const cards = new Card('[data-component="card"]');

Добавьте display: false в настройки xAxes.ticks.