1.準備好兩個vue檔案
panda.vue
travel.vue
2.寫index.js組態檔
import travel from '@/components/travel'
{
path: '/travel/:id',
name: '測驗頁面',
component: travel
}
3.撰寫跳轉前的頁面
這是一個點擊事件
gettravel(id) {
this.$router.push({
path: '/travel/' + id,
})
}
},
這里觸發事件，并且傳遞引數
<span @click="gettravel(item.spotsid)">
<h1>點擊tiaoz</h1>
</span>
4，撰寫跳轉后的頁面接收引數
<div>{{this.$route.params.id}}</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/195018.html
標籤：其他
下一篇：基于MetaID的分布式儲存方案