鍍金池/ 問答/HTML/ vuejs，設(shè)置動態(tài)路由的問題

vuejs，設(shè)置動態(tài)路由的問題

路由配置

  var router = new VueRouter({
        mode:"history",
        routes:[{
            path:"/home",
            component:Home
        },{
            path:"/slider/:id",
            name:"slider",
            component:Slider
        }]
    });
  
<router-link :to="{path:'/slider',params:{id:3}}" tag="a" >更多</router-link>

此時地址是這個
clipboard.png

就是不出來 localhost8080/slider/3

參照這個網(wǎng)址設(shè)置過，也沒有出來
https://router.vuejs.org/zh-c...

有沒有遇到過的親，求指點

回答
編輯回答
青瓷

path 參數(shù)直接就是 url, 如果要指定參數(shù), 用 name

<router-link :to="{path:'/slider/3'}" tag="a" >更多</router-link>
或者
<router-link :to="{name:'slider',params:{id:3}}" tag="a" >更多</router-link>
2018年4月1日 06:05
編輯回答
紓惘

圖片描述

2018年6月18日 19:28
編輯回答
入她眼

把 path:'/slider' 改為 name: 'slider' 試試

2018年3月6日 19:08
編輯回答
瘋浪
const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
這是官方文檔中寫的
<router-link :to="{path:'/slider',params:{id:3}}" tag="a" >更多</router-link>
這是你寫的

router-link中不能寫path，應(yīng)該寫name，因為path你都寫好了，你寫params有什么用捏，你都把path寫好了，只有寫name，這個name下的path是/slider/:id，params中的id才有用

2018年4月21日 22:43