vue 页面跳转带参

版权声明：未经本人同意不得私自转载 https://blog.csdn.net/qq_40190624/article/details/82757494

1.在A页面跳转的时候写入参数

  //  数据复用
        reuse(index) {
            let self = this;
            console.log(index)
            let nowContentlist = self.contentlist;
            let userdata =null;
            for(let i= 0 ;i<nowContentlist.length;i++){
                 userdata = nowContentlist[i].useDeta;
            }
            console.log(userdata[index])
            //跳去question页面的时候把点击的值存入userData

             self.$router.push({
                 name:'question',
                 query:{
                     userData:userdata[index]
                     }
                 } )
                //  console.log(this.$route.query.user)
        },

2.跳转到B页面(question.vue)后取参:

   mounted() {
    
        // 获取数据复用
        // 通过路由跳转
        console.log(this.$route.query.userData)
      
    },