Как добавить стиль при нажатии на элемент?

data: () => ({
  opened: null,
  dropdowns: [
    { selected: [], items: [ ... ] },
    { selected: [], items: [ ... ] },
    ...
  ],
}),

<div
  v-for="n in dropdowns"
  class="dropdown-checkbox"
>
  <label @click="opened = opened === n ? null : n">
    SELECT
  </label>
  <ul :class="{ opened: opened === n }">
    <li v-for="item in n.items">
      <label>
        <input type="checkbox" :value="item" v-model="n.selected">
        {{ item }}
      </label>
    </li>
  </ul>
</div>

https://jsfiddle.net/j8xpb2k0/1/

Как добавить стиль при нажатии на элемент?

Компонент отдельный для меню сделайте.

Как получить список значений таблиц?

получаю ошибку...

...но что это за ошибка, я вам говорить не буду. И таблицы, из которых хочу получить данные, показывать не буду. И пример желаемого результата я вам тоже не покажу. Это всё потому что помощь на самом деле мне не нужна.

Как правильно обойти объект JS для построения дерева?

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

Как правильно обойти объект JS для построения дерева?

Почему объект с информацией о должности является свойством объектов области, организации и подразделения? Логично было бы класть его в children объекта подразделения.

То же касается и count - почему он продублирован на всех уровнях? Где он на самом деле должен находиться - вообще неясно.

Очевидно, вы сами не понимаете, чего хотите. Разберитесь.

Как узнать количество элементов в строке?

kirillleogky, лично я в эту сторону думать не буду - говнокод же, самый настоящий. Начинаете оббегать один массив, потом он меняется на другой по ходу цикла - wtf? Лучшее, что вы можете с этим кодом сделать - выбросить его.

Почему внутри компонента не выводится свойство, а за пределами все норм?

KoRNeT46RuS, ну тогда идите воспроизводите свою ситуацию в песочнице, ссылку сюда. Гадать, где ещё вы накосячили и как, я не намерен.

Как управлять параметром для отдельного элемента DOM из Vue.js компонента?

MarkusEfr,

не поступают данные

Потому что параметр не определён. Должно быть

props: {
  sectionData: Object,
},

{{section.title}}

{{ sectionData.title }}

Ну или наоборот - имя параметра на section измените.

props: {
    isActive: Boolean
},

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

v-else="isActive==true"

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

Как правильно сослаться на label[2]?

m4f1, обновил ответ.

Как правильно сослаться на label[2]?

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

Ясно. А вот кавычки разные -

$('#sample_form_pay еще что-то")

- это тоже не случайно? Тоже так и должно быть?

Как разбить ячейки после определенных строк таблицы на массив?

ModestesGonze, у вас с головой всё хорошо? Какое на хрен "поправил"? Почему ключи опять одинаковые? Вы консоль откройте, вставьте туда что понаписали, посмотрите, как будет выглядеть реальный объект, сравните с написанным.

Как разбить ячейки после определенных строк таблицы на массив?

ModestesGonze, повторяю - вопрос исправьте. Пока не исправите, я публиковать ответ не буду.

Как разбить ячейки после определенных строк таблицы на массив?

Подскажите как...

НИКАК.

Не бывает таких объектов:

{"cell":"2", "cell":"3"}

Ключи должны быть уникальны.

Исправляйте вопрос.

Как добавить карту от Leaflet через Vue?

я зеленый во vue

Думаете, это как-то оправдывает вашу лень и нежелание читать документацию? Нет. Идите и читайте.

Какие аналоги в JS данных JQ выражений?

Там есть достаточно, чтобы не говнокодер самостоятельно дошёл до остального. Ответ дополнил.

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

Враньё, работает. Откройте консоль, посмотрите, что там у вас за косяки, и исправьте их.

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

О как. Встречный вопрос: показанный вами код, вы его сами писали?

Ищите, где у вас там const dropzone = ... и меняйте эту и следующую строки на код из ответа.

Как управлять параметром для отдельного элемента DOM из Vue.js компонента?

MarkusEfr, не "отдельными компонентами". Компонент и экземпляр компонента - не одно и то же.

Сейчас у вас есть компонент, отображающий все секции. А нужен ещё один компонент - который будет отображать одну конкретную секцию. Т.е., вместо

<div class="section" v-for="section in sections">
  ...
</div>

будет

<section-item v-for="section in sections" :sectionData="section"></section-item>

Почему неправильно ищет максимальный и минимальный элемент в массиве?

Советую почитать правила. Особое внимание - на пункт 3.8.

Как удалить из списка выбранные элементы?

Перед запросом:

const $checked = $('.review_ids:checked');
const ids = $checked.get().map(n => n.value);

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

$checked.closest('.item').remove();