Javascript 在Vue中从其他状态获取道具

在这里我有两条路线，即预约和医生。在医生中，我希望单击

Book Now

按钮（image-1），然后其中的参数替换选择选项（image-2）的值

我的路线：

const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'appointment',
      component: Appointment
    },
    {
      path: '/doctors',
      name: 'doctor',
      component: Doctor
    },
  ],
})

data: function () {
    return {
        optHospital: '',
        optSpeciality: '',
        optDoctor: '',
    }
},

图像-1视图：医生，此处显示医生的数据

Image-1代码：单击按钮时，它将移动到路线约会并根据发送的参数替换选择选项的值，以下是我的代码：

<router-link :class="['btn btn-sm btn-success ml-1 p-1']" :to="{ 
    name: 'appointment', 
    params: {   
                book_hospital_id: item.hospitals.id, 
                book_specialist_id: item.specialists.id , 
                book_doctor_id: item.doctors.id  
            } 
}">Book Now</router-link>

立即预订

---

您可以在安装方法中设置它们。this.optHospital=this.$route.params.book\u hospital\u id；等等，@ChristianReinelt非常感谢它的工作谢谢你的参考，我稍后会了解更多

<router-link :class="['btn btn-sm btn-success ml-1 p-1']" :to="{ 
    name: 'appointment', 
    props: true,
    params: {   
                book_hospital_id: item.hospitals.id, 
                book_specialist_id: item.specialists.id , 
                book_doctor_id: item.doctors.id  
            } 
}">Book Now</router-link>