0xD34F

Пользователь выбирает несколько таких чекбоксов и нажимает кнопку "Выбрать".

А зачем кнопка? Можно же сделать computed свойство, выбранные элементы будут доступны в любой момент (конечно, если вы не забыли связать данные с чекбоксами через v-model), как-то так:

selected() {
  return this.filters.map(n => ({
    filterId: n.filterId,
    values: n.filterData.variants.filter(m => m.checked).map(m => m.key),
  }));
},

const widgetData = [
  { name: 'something', value: 14, date: '02.08.2018' },
  { name: 'something', value: 43, date: '03.08.2018' },
  { name: 'something', value: 44, date: '04.08.2018' },
  { name: 'something', value: 38, date: '05.08.2018' },
];

const startDate = '01.08.2018';
const endDate = '25.08.2018';


const widgetDataObj = widgetData.reduce((acc, n) => (acc[n.date] = n, acc), {});
const start = new Date(startDate.split('.').reverse().join('-'));
const end = new Date(endDate.split('.').reverse().join('-'));
const result = [];

for (; start <= end; start.setDate(start.getDate() + 1)) {
  const date = start.toLocaleDateString('ru-RU');

  result.push(widgetDataObj[date] || {
    name: 'something',
    value: 0,
    date,
  });
}

console.log(result);

Собрать новый массив:

const filterItem = (list, item) =>
  list.map(n => ({
    ...n,
    items: n.items.filter(m => m.id !== item.id),
  }));

Обновить существующий:

function removeItem(list, { id }) {
  list.forEach(({ items: n }) => {
    n.splice(0, n.length, ...n.filter(m => m.id !== id));
  });
}

Может, всё-таки DELETE FROM pos WHERE num < 10000?

UPD. Если у вас postgres, а не mysql (кстати - а что у вас? чем мотивировано одновременное наличие этих двух тэгов?) - тогда наверное надо будет преобразование типов сделать, как-то так: num::integer < 10000.

Создаёте функцию расчёта полной суммы, с учётом всех условий, и назначаете её в качестве обработчиков событий всем элементам, от значений которых сумма зависит. Так будет гораздо проще и короче, чем то, что у вас есть сейчас:

function recalc() {
  const register = +$('[name="radio-register"]:checked').data('value');

  $('#price_result, #price1').text(register
    ? register +
      +$('#count-class option:selected').data('value') +
      +$('[name="radio-znak"]:checked').data('value')
    : 0
  );
}

$('input[name="radio-znak"], input[name="radio-register"], #count-class').change(recalc);
recalc();

const max = (data, key = n => n) =>
  Array.prototype.reduce.call(data, (max, n) => {
    const val = key(n);
    return val > max[1] ? [ n, val ] : max;
  }, [ null, -Infinity ]);

const [ item, value ] = max(
  form.querySelectorAll('.kursBtn'),
  n => +n.nextElementSibling.value
);

form.querySelector('#winner').value = `${item.name} - ${value}`;

https://jsfiddle.net/yo6buqg0/

const $sorted = $('.for_sort')
  .sort((a, b) => (a.dataset.sort - b.dataset.sort) * order)
  .clone(true);

$('.for_sort').replaceWith(i => $sorted[i]);

Сделайте отдельный компонент, который будет представлять ваш dropify инпут. У него в mounted инициализируйте dropify. И используйте этот компонент в своей таблице вместо обычного input'а.

Псевдоэлементами. Например.

Считаете чтение документации излишним? Очень зря. Ведь иначе вы бы знали, что data должна быть функцией:

data() {
  return {
    items: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6'],
  };
},

Вообще - e.target.getAttribute('здесь имя атрибута'), но, как уже заметили выше - вы сильно неправы добавляя name div'у. Замените на data-атрибут:

onClick = e => {
  console.log(e.target.dataset.name);
}

<div data-name="xxx" onClick={this.onClick}>hello, world!!</div>

Или можно вообще не пользоваться атрибутами, а сразу нужное значение передавать куда надо:

<div onClick={() => console.log('xxx')}>hello, world!!</div>

UPDATE table_name
SET column_name = JSON_OBJECT('0', column_name)

this.points = e.get('target').model.getReferencePoints();

А думали ли вы о том, что при редактировании маршрута массив, которым оперирует карта, может оставаться одним и тем же? - просто элементы добавляются, удаляются, изменяются. Если так (я вот опытным путём установил, что это так для редактирования и удаления точек), тогда в момент сравнения в this.points у вас будет находится текущая версия маршрута, а вовсе не предыдущая. И никаких изменений обнаружить не получится - вы будете сравнивать массив с ним самим. Делайте копию:

this.points = e.get('target').model.getReferencePoints().slice();

Что касается самой функции сравнения, как-то сложно у вас всё выглядит - четыре цикла, зачем? Можно же проще - искать в старом массиве точку, которой нет в новом, искать в новом массиве точку, которой нет в старом. Есть обе точки - значит было выполнено изменение, есть только старая - удаление, есть только новая - добавление. Я бы переписал вашу функцию как-то так, например:

function comparison(newPoints, oldPoints) {
  const
    oldPoint = oldPoints.find(n => !newPoints.includes(n)),
    newPoint = newPoints.find(n => !oldPoints.includes(n));

  if (oldPoint && newPoint) {
    console.log('update', oldPoint, 'to', newPoint);
  } else if (oldPoint) {
    console.log('delete', oldPoint);
  } else if (newPoint) {
    console.log('create', newPoint);
  }
}

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

:class="{ ['cls_'+ i1]: i2 > 2 }"

Рекомендую ознакомиться.

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

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

а как добавить классы к движущемуся объекту в местах остановки?

Добавляем элементам массива остановок ещё одно свойство - имя класса. При остановке делаем classList.add, после окончания остановки classList.remove (если надо) - ничего сложного.

Не указан border-style.

Вообще, можете их все вместе указывать: border: 2px solid #ccc;.

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

Добавляете свойство showSpinner. Перед запросом делаете:

this.showSpinner = true

После получения ответа:

this.showSpinner = false

В шаблоне, соответственно:

<div class="spinner" v-if="showSpinner"></div>

Посмотреть живьём.

Ну, очевидно же - не надо полагаться на чётность счётчика. Да ещё и выглядит оно стрёмно, код-то для обоих случаев почти одинаковый. Можно положить картинки в массив, и на каждом шаге делать ему reverse. И вместо обращения к картинкам непосредственно - обращаться к элементам массива. Типа так.

Сделайте объект: то, с чем сравниваете, будет именами свойств; то, что выводите, будет их значениями; то, что проверяете - ключ, по которому будет извлекаться значение. Если ничего не получили, подставляете дефолтное значение. Типа вот так:

alert(({
  1: 'b',
  2: 'c',
})[a] || 'd');

Если вдруг среди значений будут такие, чьим логическим эквивалентом является false, то извлекайте значение из объекта только в том случае, если ключ существует:

const obj = {
  1: 'b',
  2: 'c',
  7: null,
  8: NaN,
};
const defaultValue = 'd';

alert(obj.hasOwnProperty(a) ? obj[a] : defaultValue);

Потому что есть правило, имеющее больший приоритет. Погуглите "специфичность селекторов css".