​
适用场景

点击页面上的按钮可以打开新的 Tagsview 标签页，同时也可以传递参数。

以下是一个适用场景的例子，当点击”新增文章”按钮时，会打开一个新的发布文章页面，方便进行操作。

​
代码实现方式

​
① 菜单管理中定义隐藏菜单

注意为角色分配该菜单的权限。

​
② 点击目标按钮触发路由跳转

const click = () => {
	router.push({
		path: '/app/appArticle/form',
		query: { tagsViewName: '动态路由测试' },
	});
};

​
③ 在跳转的页面获取请求参数

const route = useRoute();

onMounted(() => {
	console.log(route.query.tagsViewName);
});

​
菜单配置方式

在多个菜单中引用同一个路由下的组件，通过路由进行区分。

​
① 配置菜单

AAA  /admin/user/index/:1

BBB  /admin/user/index/:2

CCC  /admin/user/index/:3

​
② 页面获取参数

const route = useRoute();

onMounted(() => {
  const { 0: value } = Object.values(route.params);
  console.log(value);
});

注意 tagviewName 会获取以菜单排序第一个的名称为准

​
♥️ 获取支持

遇到问题？

如果您在使用过程中遇到任何问题、有功能建议或需求，请点击此卡片前往 Gitee 仓库提交 Issue。