Vue 组件间跳转:如何点击修改明细按钮跳转到 mzHj 的 mzCfhj 分页
为了实现点击'修改明细'按钮后跳转到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'。
原文地址: https://www.cveoy.top/t/topic/qDHN 著作权归作者所有。请勿转载和采集!