About the problem that vue-router, enters the same address and view does not refresh

The temporary contents of the

subcomponents are all the same, so the same component is requested, but it is found that the request is only sent the first time, and then it is not sent after clicking on it. The event request in the subcomponent is executed in created. Is there any solution?

//
 panel(index, row) {
        this.index = index;
        if (this.selected == "saved") {
          this.$router.push(
            {
              name:"inspectionPop",
              query:{
                name: "name",
                title:"",
                id:row.id,
              },
            }
          );
        }else if(this.selected == "reject"){
          this.$router.push(
            {
              name:"inspectionPop",
              query:{
                name: "name",
                title:"",
                id:row.id,
              },
            }
          );
   }
//:id
created(){
      console.log(this.$route.query.id);
      if(this.$route.query.id !=""){
        this.getPanel(this.id)
      }
      this.getPersonList()
},
Mar.07,2021

/ / Sub-component
using beforeRouteUpdate , you can call

when the component is reused.
  

scenario 1, add a key attribute to the component, with a different value each time.
scenario 2, observe @ route.

Menu