children 表示菜单下的二级目录 2、菜单配好后我们看routes文件夹,routes文件夹存放的是业务页面入口,习惯上一个菜单放在一个文件夹下对应一个models(下文会提到) routes业务页面入口 以QuestionList为例,它就是1中所说的menuData中的第一个对象,name为“题库列表”的对应模块 3、模块也创建好以后我们还需要创建一...
pro create my-app 系统报错: pro : 无法加载文件 C:\Users\54161\AppData\Roaming\npm\pro.ps1,因为在此系统上禁止运行脚本。 处理方法: 打开设置 - 隐私和安全性 - 开发者选项 勾选并应用
component: RouteView, meta: { title: '测试页面组件', icon: 'slack', permission: [ 'dashboard' ] }, redirect: '/particle/list', children: [ { path: '/particle/list', name: 'particlePage', component: () => import('@/views/particle-monitoring/particleList'), meta: { title: '测试...
component: RouteView, meta: { title: '测试页面组件', icon: 'slack', permission: [ 'dashboard' ] }, redirect: '/particle/list', children: [ { path: '/particle/list', name: 'particlePage', component: () => import('@/views/particle-monitoring/particleList'), meta: { title: '测试...
参看地址:https://pro.ant.design/docs/new-page-cn 这里的『页面』指配置了路由,能够通过链接直接访问的模块,要新建一个页面,通常只需要在脚手架的基础上进行简单的配置。 二、开发步骤 2.1、新增js、less文件 在src/routes下新建页面的NewPage.js 及 NewPage.less 文件,如果相关页面有多个,可以新建一个文件夹...
【国际化 - Ant Design Pro】 不详查看官方文档的,那就跟我一步一步的往下走。我们来给我们的Home 页面菜单添加上国际化(多语言切换)。 1. 首先我们需要打开 config/config.ts 文件,我们需要配置国际化。 2. 其次,我们需要在src/locales中增加相应的 国际化key。例如: ...
所以我的最终决定是按照最初的设计显示/config/config.ts中的所有菜单。并且仅从服务器获取授权信息，...
自定义 Layout The layout is essentially a special component, and the corresponding component of the sub-route will be passed into the layout component as props. The simplest layout is this: // children must be mounted, otherwise the child r...
antd布局:https://ant.design/components/layout-cn/ 在后台系统页面布局中,往往是经典的三部分布局,像这样: 下面,我们通过antd组件来完成这个布局。 3.1、组件概述 Layout:布局容器,其下可嵌套Header Sider Content Footer或Layout本身可以放在任何父容器中。
自定义设置登录页面 启动ant design vue pro脚手架 第一篇介绍了如何从git上拉取ant design vue pro脚手架并使用VS Code编辑器启动脚手架。在第二篇开始之前，我们先打开VS Code软件加载脚手架代码，并运行命令 npm run serve命令启动脚手架！通过浏览器访问地址：http://localhost:8000进入登录首页。系统登录首页如...