1. 程式人生 > >vue路由的常用用法

vue路由的常用用法

1.路由的轉發:this.$router.push({path:"/Custom"})//直接跳轉到Custom

this.$router.push({path:"/Custom",query:{alert:"使用者新增資訊成功"}})//轉發的時候把query物件傳過去,此處必須為query

接收query的方法:this.$route.query.alert就可以接收alert中的值

2.路由跳轉的時候帶著引數進行傳遞,那麼註冊的時候需要這樣註冊:

	{
		path: "/Custom/:id",//此處表示攔截所有的user請求
		component: CustomDetails//註冊它時現在頭部import對應的vue元件
	},

使用的時候這樣使用:

<router-link v-bind:to="'/Custom/'+custom.id">點選檢視詳情</router-link>
接受引數的時候需要這樣使用:
this.$route.params.id,注:此處的id和path: "/Custom/:id"中的id是對應的