zlear小窝

最终效果如下：查看树结构代码我们知道，只有叶子节点（没有子节点的节点）有单独的class标识is-leaf，如果是单独操作叶子节点则可以从这个标识下手；而要操作根节点，在节点层层嵌套的情况下，可以利用直接子元素来解决：.el-tree > .el-tree-node > .el-tree-node__content .el-checkbox { display: non...

问题（知其然）触发操作：在项目开发中，重复点击当前菜单路由会报错，报错不影响功能使用报错详情如下：原因（知其所以然）经过多方查找&实践，发现是vue-router的版本问题引起的。vue-router的更新日志显示 v3.1.0 版本的路由跳转改用了 promise 的方式，针对于路由跳转相同的地址，如果没有捕获到错误，控制台始终会出现上面的错误下方是vue-router v...

首先让我们了解一下前端路由：路由router全部配置在前端，根据用户权限判断可以进入哪些页面缺点：vue初始化的时候需要挂载全部路由，对性能有影响安全性低，用户可以在地址栏跳转到无权访问的页面（可优化）动态路由则是根据用户信息获取权限，简单来说就是根据用户信息获取其对应的权限，生成对应的路由挂载，然后动态渲染有权限的菜单于侧边栏实现定义静态路由（登录或者公用页面）、动态路由，vu...

在项目有遇到table中嵌套form，并且带有表单验证的需求，效果图如下：刚开始el-form-item定义了静态prop（prop=“sn”），结果input填入值后错误提示一直存在，自定义校验的value也为undefined，然后经百度大神提点，得知出错在prop⚠️应该写动态prop保证唯一性。:prop="'monitorData.' + scope.$index + '....

关于表格的前端筛选，element文档已经讲解的很详细了，这里不多加介绍，我们主要说一下后端筛选如何实现1、el-table-column需要绑定filter筛选项<el-table-column prop="tag" label="标签" :filters="[{ text: '家', value: '家' }, { text: '公司', value: '公司' }]"&...