* meta : { roles: ['admin','editor'] control the page roles (you can set multiple roles) title: 'title' the name show in sidebar and breadcrumb (recommend set) icon: 'svg-name'/'el-icon-x' the icon show in the sidebar noCache: true if set true, the page will no be cached(d...
<el-row style="float:right;padding-bottom:10px"><el-button icon="el-icon-search" type="primary" size="mini" round @click="search()">查询</el-button><el-button icon="el-icon-refresh-left" type="warning" size="mini" round plain @click="resetSeachForm('searchForm')">重置</el-butt...
可以看到我们的 router 下的文件中会自动给我们引入了 main 下的页面且生成了 path 这个 path 刚好是我们的路由第二步我们想要实现动态路由就需要在用户登录的一瞬间拿到该用户所有的权限 根据他的权限去动态添加路由前面我们已经通过 token 拿到了用户的 menus 列表在 menus 中有许多的路由 这些路由刚好是该用户...
//main.tsimport{ createApp }from'vue'import{ createPinia }from'pinia'importAppfrom'./App.vue'importrouterfrom'./router'import'./assets/main.css'//导入elementPlusimportElementPlusfrom'element-plus'import'element-plus/dist/index.css'importzhCnfrom'element-plus/dist/locale/zh-cn.mjs'import*asEle...
element plus 页面自动缩放 目录 一、内容介绍 二、搭建前端项目 1、Idea创建一个static web项目 2、根目录下执行vue命令 3、运行项目 4、浏览器访问 5、单页面组件 . vue 5.1、定义 5.2、使用 三、ElementUI-基于vue前端ui框架 1、入门 1.1、安装
Vue3 + Element Plus 生成动态表格 有一个场景是表格列并不是固定的,不能在前端写死,而是需要通过后端返回的数据进行动态渲染,比如后端返回了如下的表头数据: 代码语言:javascript 复制 tableHeader:{name:"姓名",birth:"生日",address:"地址",age:"年龄",phone:"电话",} ...
['admin','editor']// 设置该路由进入的权限,支持多个权限叠加title:'title'// 设置该路由在侧边栏和面包屑中展示的名字icon:'iconfont name'// iconfont symbol名称noCache:true// 如果设置为true,则不会被 <keep-alive> 缓存(默认 false)breadcrumb:false// 如果设置为false,则不会在breadcrumb面包屑中显示...
使用element-plus的图标 直接从官网复制来的图标如下: <el-icon><Search /></el-icon> 因为项目使用了自动导入图标的方式, 所以需要改为如下格式: <el-icon></el-icon> element-plus的图标自动导入见官方文档: https://element-plus.org/zh-CN/component/icon.html#%E8%87%AA%E5%8A%A8%E5%AF%BC%E5%85...
1、如果页面语法是 script setup 那么需要在上面在写一个 export default { name: 'pageName' } 2、...
接上一篇首页导航与左侧菜单的搭建,今天使用数据库数据实现动态树数据表格分页一、动态树 1.后台接口准备数据库:t_module_vue:后台代码:Dao类方法:/** * 根据父类id查询子类pid的数据(递归) * @param pid * @param mod */ public void queryModuleByPid(Intege ...