vue路由跳转

//路由router.js
{
   path: ‘/content/:data‘,
   name: ‘content‘,
   component: content
}

//进行传参的页面
methods:{
   tocontent(data){
     // 列表中的传参  
      this.$router.push({
         name: ‘content‘,
         params: {
           data: JSON.stringify(data)
         }
     })
   }
}

//接收参数的页面
export default{
    name:‘content‘,
    data(){
      return{
        data:{}
      }
    },
    created(){
      this.data = JSON.parse(this.$route.params.data);
    }
 }

//路由router.js
{
   path: ‘/content‘,
   name: ‘content‘,
   component: content
}

//进行传参的页面
methods:{
   tocontent(data){
     // 列表中的传参  
      this.$router.push({
         name: ‘/content‘,
         query: {
           data: JSON.stringify(data)
         }
     })
   }
}

//接收参数的页面
export default{
    name:‘content‘,
    data(){
      return{
        data:{}
      }
    },
    created(){
      this.data = JSON.parse(this.$route.query.data);
    }
 }