如何通过发送路由道具<router-link> ?

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 like:

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

您可以从 HTML 元素中删除id属性。 所以，完整代码：

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