![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
励公子
这个作者很懒,什么都没留下…
展开
-
去掉 可选择型el-tree 根节点的复选框
最终效果如下:查看树结构代码我们知道,只有叶子节点(没有子节点的节点)有单独的class标识is-leaf,如果是单独操作叶子节点则可以从这个标识下手;而要操作根节点,在节点层层嵌套的情况下,可以利用直接子元素来解决:.el-tree > .el-tree-node > .el-tree-node__content .el-checkbox { display: non...原创 2019-11-13 17:39:10 · 3844 阅读 · 0 评论 -
vue router 报错:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"...}
问题(知其然)触发操作:在项目开发中,重复点击当前菜单路由会报错,报错不影响功能使用报错详情如下:原因(知其所以然)经过多方查找&实践,发现是vue-router的版本问题引起的。vue-router的更新日志显示 v3.1.0 版本的路由跳转改用了 promise 的方式,针对于路由跳转相同的地址,如果没有捕获到错误,控制台始终会出现上面的错误下方是vue-router v...原创 2019-10-14 16:03:28 · 1107 阅读 · 0 评论 -
vue根据用户权限配置动态路由
首先让我们了解一下前端路由:路由router全部配置在前端,根据用户权限判断可以进入哪些页面缺点:vue初始化的时候需要挂载全部路由,对性能有影响安全性低,用户可以在地址栏跳转到无权访问的页面(可优化)动态路由则是根据用户信息获取权限,简单来说就是根据用户信息获取其对应的权限,生成对应的路由挂载,然后动态渲染有权限的菜单于侧边栏实现定义静态路由(登录或者公用页面)、动态路由,vu...原创 2019-06-05 17:01:41 · 8448 阅读 · 3 评论 -
element-ui的el-table和el-form表单校验嵌套使用
在项目有遇到table中嵌套form,并且带有表单验证的需求,效果图如下:刚开始el-form-item定义了静态prop(prop=“sn”),结果input填入值后错误提示一直存在,自定义校验的value也为undefined,然后经百度大神提点,得知出错在prop⚠️应该写动态prop保证唯一性。:prop="'monitorData.' + scope.$index + '....原创 2019-06-07 14:11:34 · 18449 阅读 · 14 评论 -
element框架中el-table表格列的筛选功能
关于表格的前端筛选,element文档已经讲解的很详细了,这里不多加介绍,我们主要说一下后端筛选如何实现1、el-table-column需要绑定filter筛选项<el-table-column prop="tag" label="标签" :filters="[{ text: '家', value: '家' }, { text: '公司', value: '公司' }]"&...原创 2019-06-27 18:17:33 · 26363 阅读 · 1 评论