0xD34F

есть модальное окно-увеличение картинки, нажимая на него, маршрут сбивается

Это вы про

<a
     :id="item.id"
     v-b-modal="'img-'+item.id"
     href="#"
>

??

Попробуйте при клике блокировать действие по умолчанию: @click.prevent.

<button v-if="checkedNames.length">click me</button>

watch или обработка события input

$(document).click(function(e) {
  if (!$panel.has(e.target).length && $panel.hasClass('visible')) {
    hidePanel();
  }
});

Если подумать, то регулярные выражения тут не нужны:

const ip = str.split(':', 1)[0];

Если подумать ещё, то всё равно не нужны:

const ip = str.slice(0, str.indexOf(':'));

Но если очень хочется, то можно так:

const ip = str.match(/[\d.]+/).pop();

Или так:

const ip = str.replace(/:.+$/, '');

И даже так тоже можно:

const [ ip ] = /.+(?=:)/.exec(str);

Разным элементам назначаете разный animation-delay, а для "задержки" указываете в keyframes промежуток без изменения значения:

<div class="wrapper">
  <div class="block">hello, world!!</div>
  <div class="block">fuck the world</div>
  <div class="block">fuck everything</div>
</div>

.wrapper {
  width: 150px;
  height: 20px;
  font-size: 16px;
  border: 1px solid #000;
  overflow: hidden;
  position: relative;
}

@keyframes movingTopToBottom {
  0% {
    top: 55px;
  }
  40%, 60% {
    top: 0px;
  }
  100% {
    top: -55px;
  }
}

.block {
  animation: movingTopToBottom 6s linear infinite;
  position: absolute;
}

.block:nth-child(1) { animation-delay:  0s; }
.block:nth-child(2) { animation-delay: -4s; }
.block:nth-child(3) { animation-delay: -2s; }

Чё-то вы не то делаете, как мне кажется. Попробуйте так:

@focus="disabled = true"
@blur="disabled = false"
@mousedown="disabled = !disabled"

А обработчики keyup и click уберите.

Метаданные пусть будут массивом объектов, содержащих два свойства: имя компонента и объект с параметрами:

formMeta: [
  { type: '...', props: { ... } },
  { type: '...', props: { ... } },
  ....
],

<div v-for="{ type, props } in formMeta" class="form-item">
  <component :is="type" v-bind="props"></component>
</div>

https://jsfiddle.net/toLc2r59/

fieldset > .ui-checkboxradio-label {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

const plainToNested = (source, target = {}) =>
  Object.entries(source).reduce((acc, [ path, val ]) => {
    const keys = path.split('.');
    const key = keys.pop();
    keys.reduce((p, c) => p[c] = p[c] || {}, acc)[key] = val;
    return acc;
  }, target);

arr.lenght

Вот же позорище.

arr[x].lenght

Два раза позорище.

Слова lenght нет. Есть length. Подобные опечатки могли бы и сами обнаружить.

firstname, lastname = (fullname.split() + [''])[:2]

Кликайте вручную нужный элемент после инициализации аккордеона, типа так.

Или добавьте конструктору параметр - индекс элемента, который должен быть открыт после инициализации, и обрабатывайте его соответствующим образом, например.

А может, всё-таки работает, просто вы результат никак не используете? - preg_replace не меняет исходную строку, а возвращает новую.

На какие кнопки надо нажимать, в каком data-атрибуте лежит id и куда его надо записывать:

const buttonSelector = '.one-click-button';
const key = 'id';
const attr = `data-${key}`;
const input = document.querySelector('#one_b_id');

Как достать из кнопки значение атрибута:

const getId = el => el.dataset[key];
// или
const getId = el => el.getAttribute(attr);
// или
const getId = el => el.attributes[attr].value;

Делегирование, обработчик добавляется один раз, клик ловим на документе, надо проверять, что клик случился на кнопке, а не где-то ещё:

document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    input.value = getId(button);
  }
});

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

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = getId(e.currentTarget));

/^[а-яё]{3,}(\-[а-яё]{3,})?$/i

держите

Как я могу проверить на наличие в начале строки undefined и удалить её?

А может лучше вы сделаете так, чтобы никаких undefined не было? - исправьте серверный код.

Если же хотите идти путём говнокодера: str.replace(/^undefined/, '').

Разделители забыли:

preg_replace("/2\d\d\d\b/", $aaa, $bbb)