0xD34F

axios.post('/', {})
  .then((response) => {
    this.props.allDocuments(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

Или bind используйте.

А есть возможность увидеть больше кода? Потому что показанное вами само по себе - работает.

Забыли назначить имена элементам формы. Типа, <input name="firstname" ....

Получать значения из формы надо внутри обработчика события submit, а не до его подключения (конечно, если вам нужны актуальные значения) - разместите строку const formData = new FormData(formElement); после e.preventDefault();.

Кстати, необязательно обращаться к переменной, ссылающейся на элемент формы, можно воспользоваться объектом события: const formData = new FormData(e.target);.

А если заменить стрелочную функцию на обычную, то можно и так делать: const formData = new FormData(this);.

должно быть LEFT JOIN profil вместо LEFT JOIN profil.town

Я бы просто обернул всё это дело ещё одним div'ом и назначил ему transform: rotate(сколько там вам надо). Типа так.

Поясните это поведение

Вы объявили регулярное выражение с модификатором g - то есть, ищутся все совпадения с шаблоном, а не только первое. Вы вызываете метод test - совпадение найдено, круто. Вызываете снова - поиск начинается не с начала, а с того места, где он был окончен в прошлый раз. Разумеется, в этот раз ничего не найдено. Вызываете test в третий раз - снова всё хорошо, потому что в прошлый раз совпадения кончились, поиск снова выполняется с начала строки.

посоветуйте как вывернуть так, чтобы нормально отрабатывало

1. Уберите модификатор g.

2. После каждого вызова test вручную переустанавливайте позицию, с которой надо начинать поиск совпадения с шаблоном: hyper.lastIndex = 0;. Разумеется, этот вариант является говнокодом.

Исправлено. Что было не так:

1. В jsfiddle не генерируется событие DOMContentLoaded, по которому демка инициализируется. (UPD. Исправили эту дичь, неактуально).

2. У вас была подключена старая версия плагина.

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

data: () => ({
  newPhone: {},
  ...
}),

Свяжем поля этого объекта с input'ами:

<input v-model="newPhone.name">
<input v-model="newPhone.ssd">

Когда решили, что объект готов - кладём его в массив, и устанавливаем дефолтное значение:

addPhone() {
  this.phones.push(this.newPhone);
  this.newPhone = {};
},

Похоже на то, что вам было нужно?

Получаем select:

const select = document.querySelector('.table__select');

// или

const [ select ] = document.getElementsByClassName('table__select');

Добавляем в него option'ы:

select.innerHTML = arr.map(n => `<option>${n}</option>`).join('');

// или

select.append(...arr.map(n => new Option(n)));

// или

for (const n of arr) {
  select.appendChild(document.createElement('option'));
  select.lastChild.text = n;
}

// или

for (let i = 0; i < arr.length; i++) {
  const option = document.createElement('option');
  option.textContent = arr[i];
  select.insertAdjacentElement('beforeend', option);
}

Похоже на то, что вам надо?

Закрывающую скобку забыли во внутреннем цикле.

const arr = [
  [ 2, 7, 2 ],
  [ 2, 5, 4 ],
  [ 2, 1, 5 ],
  [ 3, 1, 2 ],
];

const [ val, iRow, iCol ] = arr
  .map((n, i) => n.reduce((min, m, j) => min[0] <= m ? min : [ m, i, j ], [ Infinity, -1 ]))
  .reduce((min, n) => min[0] <= n[0] ? min : n);

UPD. Если нужно обрабатывать массивы произвольной размерности, можно применить рекурсию:

const arr = [
  [ 2, 7, 2, [ 5, [ 4, [ 3 ], 2 ] ] ],
  [ 2, 5, [ 2, 6, 5, 2 ], 4 ],
  [ 2, 1, [ [ [ 9, 0, 1 ], [ [ [ 1 ] ] ], -1 ] ], 5 ],
  [ 3, 1, 2 ],
];

const minElemWithIndex = arr =>
  arr.reduce((min, n, i) => {
    const m = n instanceof Array
      ? minElemWithIndex(n)
      : [ n, [] ];

    m[1].unshift(i);

    return m[0] < min[0] ? m : min;
  }, [ Infinity, [] ]);


const [ val, indices ] = minElemWithIndex(arr);

Объекта ответа содержит свойство, представляющее объект запроса, который, в свою очередь, содержит полный url:

response.request.responseURL

$.ajax({
  type: 'POST',
  dataType: 'json',
  url: 'https://api.novaposhta.ua/v2.0/json/',
  data: JSON.stringify({
    modelName: 'Address',
    calledMethod: 'searchSettlements',
    methodProperties: {
      CityName: 'ки',
      Limit: 555
    },
    apiKey: 'f11a8e14401ddcf710f7195b4ebe358c'
  }),
  headers: {
    'Content-Type': 'application/json'
  },
  xhrFields: {
    withCredentials: false 
  },
  success: function(texts) {
    console.log(texts);
  },
});

Неудивительно, что "всплывают все блоки". Ведь блоков у вас три, а свойство, отвечающее за активность блока - одно, общее для всех. Никакие атрибуты тут не помогут. Вместо логического значения активности работайте с номером активного блока:

<ul>
  <li
    v-for="(n, i) in items"
    :data-rel="`ex-${i + 1}`"
    @click="active = i"
  >item #{{ i + 1 }}</li>
</ul>

<div
  v-if="active !== null"
  @mouseleave="active = null"
>{{ items[active] }}</div>

data() {
  return {
    active: null,
    items: [
      'hello, world!!',
      'fuck the world',
      'fuck everything'
    ]
  }
}

https://jsfiddle.net/fh9nvt5b/

SELECT *
FROM tablename
WHERE date(date_create_stamp) = date(ну а здесь типа ваш timestamp)

Добавить обработчик onChange:

onChange(data) {
  $('input[name="sum"]').val(data.from);
}

И как поступить, если слайдера например два.

onChange(data) {
  data.input
    .closest('селектор блоков со слайдерами')
    .find('селектор инпутов, в которые надо копировать значения')
    .val(data.from);
}

https://jsfiddle.net/k7stn10b/

Контекст потеряли. Делайте так:

setTimeout(() => location.href = this.href, 400);

Или так:

setTimeout(function() {
  location.href = this.href;
}.bind(this), 400);

Или так:

setTimeout(function(href) {
  location.href = href;
}, 400, this.href);

Плагинов есть много разных.

Называется - image comparison.

Положите рядом (в смысле - сделайте свойствами одного объекта) шаблон и данные, которые в него будут засовываться. Т.е., вместо нескольких массивов должен быть один, типа так:

data: () => ({
  blocks: [
    {
      template: '<div><ul><li v-for="n in data" v-html="n"></li></ul></div>',
      data: [
        '<h2>Заголовок 1</h2><p>какой-то текст 1</p>',
        '<h2>Заголовок 2</h2><p>какой-то текст 2</p>',
      ],
    },
    {
      template: '<div><h3 v-for="color in data" :style="{ color }">{{ color }}</h3></div>',
      data: [ 'red', 'green', 'blue' ],
    },
    {
      template: '<div><p v-for="i in data">{{ i }}</p></div>',
      data: 4,
    },
  ],
}),

Сделайте компонент, параметрами которого будут шаблон и данные. Шаблон компилируется, результат компиляции применяется в render-функции:

Vue.component('block-component', {
  props: [ 'template', 'data' ],
  computed: {
    compiled() {
      return Vue.compile(this.template);
    },
  },
  render() {
    return this.compiled.render.call(this);
  },
});

Создавайте экземпляры этого компонента:

<block-component v-for="n in blocks" v-bind="n"></block-component>

https://jsfiddle.net/qnwa4kgv/

Убрать margin-left и margin-top.
Добавить display: inline-block;.
Ширину и высоту указать относительные - 30% и 50%, например.

Похоже на то, что вам нужно?