vue中從一個頁面傳參到另一個頁面
阿新 • • 發佈:2019-01-26
首先我在home.vue中定義
updates(id){
this.$router.push({
path:'/world',
name:'world',
params:{
id : id
}
})
}
其次在另一個頁面world.vue中
export default { name: '', data () { return { id: '' } }, created(){ this.getParams() }, methods: { getParams () { // 取到路由帶過來的引數 var routerParams = this.$route.params.id // 將資料放在當前元件的資料內 this.id = routerParams } }, watch: { // 監測路由變化,只要變化了就呼叫獲取路由引數方法將資料儲存本元件即可 '$route': 'getParams' } }