如何在 Vue 3 中为 vue-router 的 RouteRecordRaw 类型添加自定义属性以用于 el-tree 组件?

新手上路,请多包涵

我从vue-router中引用了一个叫RouteRecordRaw的数组,这个数组是联合类型的
image.png

然后我想要用el-tree的组件来创建一个简易的路由菜单,点击跳转
image.png
image.png

el-tree中树节点的属性名称是label,但是publicRoutes是RouteRecordRaw类型的,里面没有label,因此就不能直接把publicRoutes赋值给treeData,会报错,这里该怎么扩展RouteRecordRaw
image.png

我的想法是类似于class继承,在RouteRecordRaw中添加一个label属性,新建一个叫routerTree的类型
image.png
但是提示RouteRecordRaw类型不能赋值给routerTree类型
image.png

请问一下这里该怎么写才能扩展RouteRecordRaw,或者生成一个新类型

百度了很久也没找到类似情况的解决办法,希望有人能指点一下,谢谢

阅读 842
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏