vue伝参のいくつかの方法

829 ワード

あるページから別のページに移動
ルーティングパラメータ
手順:1.まず私はホームにいます.vueでupdatas(id)を定義する:イベントid:伝達パラメータを指す
updates(id){
              this.$router.push({
                path:'/world',
                name:'world',
                params:{
                 id : id
                }
              })
            }


2.次に別のページ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'
    }
  }