0

Estou usando o vue/router para fazer um spa, e estou com dificuldade de enviar o id de um determinado produto pela url... estou fazendo assim no link:

 <router-link :to="{name:'editar',params:{id:item.id}}">editar2</router-link>

rota:

 const routes = [{
    path: '/',
    component: Vue.component('home-page')
}, {
    path: '/teste',
    component: Vue.component('home-page')
}, {
    path: '/editar',
    'name': editar,
    component: Vue.component('home-page')
}]
const myRouter = new VueRouter({
    routes
})

mas não funciona de jeito nenhum...como faço esse cara mandar o id pela url?

7
  • Como você configurou sua rota?
    – Marconi
    Commented 6/08/2018 às 19:42
  • o arquivo de rotas está configurado assim: const routes=[ { path:'/', component: Vue.component('home-page') }, { path:'/teste', component: Vue.component('home-page') }, { path:'/editar','name':editar, component: Vue.component('home-page') } ] const myRouter = new VueRouter({routes}) Commented 6/08/2018 às 19:45
  • tente: { path: '/editar:id', 'name': editar, component: Vue.component('home-page') }
    – Marconi
    Commented 6/08/2018 às 19:49
  • então, o problema é o link...ele não envia parametros Commented 6/08/2018 às 19:55
  • <router-link to='/editar/${id:item.id}'>editar2</router-link>
    – Marconi
    Commented 6/08/2018 às 19:57

1 Resposta 1

1

Você precisa especificar o nome do parâmetro na declaração da rota:

{
    path: '/editar/:id',
    name: 'editar',
    component: Vue.component('home-page')
}

E para obter o parametro recebido

$route.params.id ou this.$route.params.id

Para mais informações leia a documentação do vue-router.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .