vue-router路由傳參的幾種方式和區別


第一種:通過路由聲明的方式(優點是美觀,我一般用這種)
// 在路由中這樣用,path后跟“/:id”,代表收到的值是id
{
     path: '/editUser/:id',
     name: 'editUser',
     component: resolve => require(['../views/main/EditUser'], resolve),
 },
// 在組件中這樣傳值:
this.$router.push({
    name: 'editUser', // 這一點需要注意,要用name找到對應的路由
    params:{ // 使用params傳值,不要用query
     id: row.id
    }
})
// 點擊后url顯示
// 使用this.$route.params 接收值
// 分別打印 this.$route 和 this.$route.params 結果如下

第二種、第三種,自己百度一下就好了......

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM