告警记录列表点击事件传值 clickWarningInfoitem consolelog点击事件传值==item; this$routerpushpath equipmentdetails 实现页面跳转同时转递参数其中item是json 数据格式 ;目标页面并接受参数
在目标页面中,可以通过$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获取到传递的参数
原文地址: http://www.cveoy.top/t/topic/iQ4F 著作权归作者所有。请勿转载和采集!