vue router path template code example

Example 1: vue router link dynamic id

<div class="category-list" v-for="category in categories">
    <router-link :to="{ name: 'category/edit', params: { categoryId: category.id }}">Home</router-link>
</div>

Example 2: vue router url string

const resolved = this.$router.resolve({
  name: 'SomeRouteName',
  params: { id: item.id }
})
resolved.href // '/some-route-name/:id'