在目标页面中,可以通过$route对象的params属性来接收传递的参数。具体操作如下:

  1. 在目标页面的导航守卫中,注册一个beforeRouteEnter钩子函数,用来获取传递的参数。
beforeRouteEnter(to, from, next) {
  next(vm => {
    vm.item = to.params.item;  // 将传递的参数赋值给组件的item属性
  });
},
  1. 在目标页面的组件中,定义一个item属性,用于接收传递的参数。
data() {
  return {
    item: null  // 初始化item为null
  }
},
  1. 在目标页面的模板中,可以使用item属性展示传递的参数。
<template>
  <div>
    <p>{{ item }}</p>
  </div>
</template>

这样,当页面跳转到目标页面时,就可以获取到传递的参数,并在页面上展示出来。

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

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

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