在目标页面中,可以通过$route对象获取传递的参数。首先,需要在目标页面的created钩子函数中接收参数,如下所示:

created() {
  console.log("接收到的参数:", this.$route.params.item);
}

然后,在路由配置中,需要将参数配置为动态路由,如下所示:

{
  path: '/equipment/details/:item',
  name: 'EquipmentDetails',
  component: EquipmentDetails
}

最后,在点击事件中,将item作为参数传递给目标页面,如下所示:

clickWarningInfo(item){
  console.log("点击事件传值:==>",item);
  this.$router.push({path: `/equipment/details/${JSON.stringify(item)}`});
}

这样,就实现了页面跳转,并传递了参数。在目标页面中,可以通过this.$route.params.item获取到传递的参数

告警记录列表点击事件传值    clickWarningInfoitem      consolelog点击事件传值==item;      this$routerpushpath equipmentdetails     实现页面跳转同时转递参数其中item是json 数据格式 ;目标页面并接受参数

原文地址: http://www.cveoy.top/t/topic/iQ4F 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录