Как отправить маршрутные реквизиты через ?

Question

вот как моя кнопка, которая ссылается на маршрут

 <router-link class="q-pa-md" :to="{ name: 'Edit'}" id="item.id">
    <q-btn outline>Edit</q-btn>
    </router-link>

, вот мое определение маршрутизатора:

      { path: 'cms/index/edit/:id', name: 'Edit', component: () => import('components/cms/Edit.vue'), props: true },

Answer 1

Настройте router-link :to как:

:to="{ name: 'Edit', params: { id: item.id }}"

И вы можете удалить атрибут id из элемента HTML. Итак, полный код:

<router-link class="q-pa-md" :to="{ name: 'Edit', params: { id: item.id }}">
    <q-btn outline>Edit</q-btn>
</router-link>