1.準備好兩個vue文件

panda.vue
travel.vue

2.寫index.js配置文件

import travel from '@/components/travel'

• 1

{path: '/travel/:id',name: '測試頁面',component: travel}

3.編寫跳轉前的頁面

這是一個點擊事件

gettravel(id) {this.$router.push({path: '/travel/' + id,})}},

• 1
• 2
• 3
• 4
• 5
• 6
• 7

這里觸發事件，并且傳遞參數

<span @click="gettravel(item.spotsid)"><h1>點擊tiaoz</h1></span>

• 1
• 2
• 3
• 4

4，編寫跳轉后的頁面接收參數

<div>{{this.$route.params.id}}</div>

總結

以上是生活随笔為你收集整理的工作74:vue带参数跳转其他页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。