nvdfxx

Где ошибся?

Да везде.

Корневой элемент может быть только один - так что v-for там использовать нельзя. Форма внутри элемента с v-for - зачем вам несколько форм? Вручную создали разметку для элементов формы - хотя вот она-то должна генерироваться с помощью v-for на основе массива с данными.

https://jsfiddle.net/Lp1b7do9/

и так, как это сделать:
1. надо прописать в роуте разрешение на передачу props (props: true):

{
      path: '/history/:id',
      component: HistoryId,
      name: 'historyId',
      props: true
    }

2. в route-link прописать, какие парметры хотите передать (params: {}):

<router-link
                               tag="a"
                               class="button"
                               :to="{name: 'historyId', params: {id: historyItem.id, date: historyItem.date}}"
                       >

3/ Принять эти данные в компоненте:

<script>
    export default {
        props: ['date'],