为了实现点击'修改明细'按钮后跳转到mzHj的mzCfhj分页,你可以在CflistManage组件中使用路由的方式进行跳转。

首先,在CflistManage组件中引入路由的相关内容:

import { routerName } from '@/router';

然后,在CflistManage组件的btnChangeDetail方法中添加路由跳转的逻辑:

methods: {
  btnChangeDetail() {
    this.$router.push({ name: routerName.mzHj, query: { activeKey: '1' } });
  },
},

这里使用this.$router.push方法进行路由跳转,通过name: routerName.mzHj指定跳转到mzHj页面,query: { activeKey: '1' }表示传递一个查询参数activeKey,值为'1',这样在mzHj页面中可以根据activeKey的值来显示mzCfhj分页。

最后,在mzHj组件中添加路由的配置,确保mzHj组件可以被正确匹配到:

// router.js
export const routerName = {
  mzHj: 'mzHj',
  // ...
};

export const routes = [
  {
    path: '/mzHj',
    name: routerName.mzHj,
    component: mzHj,
  },
  // ...
];

这样当点击'CflistManage'组件中的'修改明细'按钮时,就会跳转到mzHj页面的mzCfhj分页,并且activeKey的值为'1'。

Vue 组件间跳转:如何点击修改明细按钮跳转到 mzHj 的 mzCfhj 分页

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

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