vue使用router-link跳轉時傳遞參數

1. 我們使用router-link標籤包裹要跳轉的元素，然後在 :to 裏面寫上要跳轉的路徑path:’/resourceInfo’，我要跳轉的頁面就是resourceInfo。然後是關鍵部分query，我們利用它來攜帶參數，以鍵值對的方式在裏面添加你要傳遞的參數就可以了

	<router-link :to="{path:'/resourceInfo',query:{resourceId:o.resourceId}}">
		//裏面寫你包裹的元素
	</router-link>

2. 然後，我們在詳情頁來接收參數，注意名字要對應一致

    created(){
      //獲取路由參數
      this.resourceId = this.$route.query.resourceId
      console.log(this.resourceId);

    }

可以看到，已經成功傳遞過來了

如果本文對你有幫助的話，順便點個關注吧！