vue 如何配置自定义页面的静态路由？

今天星期八

于 2024-02-21 11:25:16 发布

阅读量357

点赞数 9

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Missbelover/article/details/136207263

版权

本文介绍了如何在Vue项目中使用vue-router进行路径设置和组件隐藏的配置，以实现单页面应用的导航管理。

摘要由CSDN通过智能技术生成

引入

import Vue from 'vue'
import Router from 'vue-router'

配置

export const constantRoutes = [
	{	
	    path: '/plan',
	    component: () => import('@/views/plan/index'),
	    hidden: true
	  },
]
export default new Router({
  mode: 'history', // 去掉url中的#
  scrollBehavior: () => ({
    y: 0
  }),
  routes: constantRoutes
})