首先构建前端项目1.按照vue官网步骤 {代码…} 2.安装一些需要用的依赖包 {代码…} 添加依赖包到package.json中保存，npm install 即可。 3.我用到了饿了么UI库element，需要在main.ts中引入， {代码…} 4.改造vue初始化的项目 {代码…} 新增以上文件，页面可以自己随便写点东西。下面主要说几个必须的文件。– route…

一：表单一级验证element中from组件内表单验证通过使用el-form标签，绑定model和rules属性进行表单验证

做管理后台开发的时候，需要用到Element的NavMenu组件，于是乎，翻开文档，大致是这样实现的。

</el-form-item>在调接口前作验证 this.$refs[formName].validate(valid => {

thinkphp + vue + element + 权限管理 + 菜单自定义解决方案 在线地址: [链接] 账号: admin密码: admin123 后台 api 地址 [链接] 支持功能 jsx render 渲染table 结合minix 快速创建 table + 分页 + 查询 结合后…

需求：树形菜单点击之后需要形成面包屑，所以需要当前节点和其父级节点的数据。记录一下解决方法，如下。 {代码…} {代码…} this.breadList。可以得到当前节点和其父级的lable数组集合。

➢ 需求 默认都是必选 下拉选择的时候 选择必填，活动名称为必填，需要校验和显示* 选择非必填，活动名称不做校验，隐藏* ➢ 初始校验规则 经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作…

安装： {代码…} 在main.js中引入： {代码…}

这样修改后确实也起作用了。⭐ 注意：这里使用 vue.set 起作用根本是，瞎猫碰上死耗子，<el-checkbox-group>不能相响应的原因根本不是这个而且我们仔细读 Vue 的官方文档Vue.set( target, key, value )作用…

以上便是模块的增删改查内容，至于上传模块，没有过多的解释，上传用的是封装过的组件，代码太多，不便复制，不过有下载功能^_^，这也是一点小小的总结。