如何使用 VUE js 中的路径在页面之间传递数据？

Question

Currently, i have two pages which consisted of add and edit page. I want to push my data from edit page to add page. So when i click save button in edit page , it will redirect user to back add page and the url will be /test/admin/testing/add?visit_status=39 . How do i retrieve this data using ID from my edit page to add page?

edit.vue

this.$router.push({path: '/test/admin/testing/add', query:{visit_status:this.$route.params.id}})```

Answer 1

You can get query data like the following. You can use for route jobs with this.$route . Click here for more information.

data(){
    return{
      visitStatus:null
    }
  },
  created(){
    this.visitStatus=this.$route.query.visit_status
  },

Or:

You can use this directly.

methods:{
    test(){
      if(this.$route.query.visit_status){
        //process
      }
       
    }
  },