1. 程式人生 > >vue中從一個頁面傳參到另一個頁面

vue中從一個頁面傳參到另一個頁面

首先我在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'
    }
  }