如何配置路由 name 和设置 meta ?

如何配置路由 name 和设置 meta ?

  1. 在使用 unplugin-vue-router 自动加载路由时,请问如何配置 name 和 meta 属性 ?

const routes = [  
{    
path: '/user/:username',    
name: 'user',    
component: User,  
},
{
 path: 'about',
 name: 'about',
 component: 'About'
}
]


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
Brian 2024-01-10 10:55:27

name可以不需要设置,可由自动路由自动产生。


设置Meta有两种方案:


方案一:

<script setup>
import { definePage } from 'vue-router/auto'

definePage({
  name: 'my-own-name',
  path: '/absolute-with-:param',
  alias: ['/a/:param'],
  meta: {
    custom: 'data',
  },
})
</script>



方案二:


https://github.com/JohnCampionJr/vite-plugin-vue-layouts


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端高级工程师(大前端)
  • 参与学习       303    人
  • 解答问题       391    个

全新打造“技术成长&职业破局”双高体系,深度打通“全栈 + 全流程 +多端+ 提效+AI赋能”,递进式锤炼思维与高阶技能,高效实现能力跃迁,助力成为“驾驭全局,深广兼备,打通多端全栈”的高级工程师

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师