react-router 睬罗、vue-router在history模式下nginx 相關(guān)設(shè)置_享受生活_2020的博客-CSDN博客
vue(1)-配置(1)publicpath译蒂、nginx、vue-router的base_qq_42440919的博客-CSDN博客_publicpath配置
react-router 悬包、vue-router在history模式下nginx 相關(guān)設(shè)置_享受生活_2020的博客-CSDN博客
【1】路由跳轉(zhuǎn)注意:name和params組合衙猪,path和query組合。
1、【name和params組合】參數(shù)不在路由中體現(xiàn)垫释,所以丝格,跳轉(zhuǎn)后的頁面,再次刷新后如果還想保持傳參棵譬,需要在路由中增加接收參數(shù)显蝌,/a/:id
{
path: "/userManage/userDetail/:id", // id跟params中的參數(shù)保持一致
name: "userDetail",
component: UserDetail,
},
this.$router.push({
name: "userDetail",
params: { id: record.id },
});
2、【path和query組合】參數(shù)以“?id=123”方式跟在url后面订咸,刷新不存在問題曼尊,不需要路由中增加接收參數(shù)
this.$router.push({
path: "/userManage/userDetail",
query: { id: record.id },
});
【2】vue route的區(qū)別
router為VueRouter的實例,相當(dāng)于一個全局的路由器對象脏嚷,里面含有很多屬性和子對象骆撇,例如history對象,經(jīng)常用的跳轉(zhuǎn)鏈接就可以用this.router.push會往history棧中添加一個新的記錄。
route相當(dāng)于當(dāng)前正在跳轉(zhuǎn)的路由對象趾唱。route是一個跳轉(zhuǎn)的路由對象涌乳,每一個路由都會有一個route對象,是一個局部的對象鲸匿,可以獲取對應(yīng)的name,path,params,query等