告警记录列表点击事件传值 clickWarningInfoitem consolelog点击事件传值==item; this$routerpushpath equipmentdetails 实现页面跳转同时转递参数其中item是json 数据格式 ;目标页面并接受参数
在目标页面中,可以通过$route对象的params属性来接收传递的参数。具体操作如下:
- 在目标页面的导航守卫中,注册一个beforeRouteEnter钩子函数,用来获取传递的参数。
beforeRouteEnter(to, from, next) {
next(vm => {
vm.item = to.params.item; // 将传递的参数赋值给组件的item属性
});
},
- 在目标页面的组件中,定义一个item属性,用于接收传递的参数。
data() {
return {
item: null // 初始化item为null
}
},
- 在目标页面的模板中,可以使用item属性展示传递的参数。
<template>
<div>
<p>{{ item }}</p>
</div>
</template>
这样,当页面跳转到目标页面时,就可以获取到传递的参数,并在页面上展示出来。
原文地址: http://www.cveoy.top/t/topic/iQ4H 著作权归作者所有。请勿转载和采集!