- 博客(5)
- 收藏
- 关注
RSS订阅原创 基于Vue自定义指令实现按钮权限控制 具体代码和思路详解
使用自定义指令：直接在按钮标签加上 v-has=['index/save'];'v-has' 是自定义指令, []里面是按钮权限的值。自定义指令：配置自定义指令，挂载在vue上，这样去控制某个按钮是否显示，只需要加入自定义指令和按钮权限的值就可以了。分配权限：这一项可以自己在某个配置文件里定义，也可以让后端写一个接口，存到数据库里面，页面动态去配置，主要介绍前端使用Vue自定义指令去控制页面上的按钮权限；获取按钮权限：登录用户后去读取改用户的按钮权限然后存到缓存中或者VueX中；
2024-04-03 17:07:07
201
原创 vue运行项目npm run dev报错，提示JavaScript 堆内存不足；实际是node版本原因导致的
场景：拉了一个新的项目，npm run dev 的时候 控制台报错，提示报错，百度一下说是JavaScript 堆内存不足；根本原因是node版本原因导致，下载14的版本后就正常了。建议大家下载nvm管理node版本，直接输入nvm命令就可以切换node 版本，以及下载和卸载，非常好用。
2024-04-02 17:17:43
158
原创 用Vue+element el-select下拉框懒加载+远程搜索+防抖处理，处理下拉选择项数据量庞大，关键代码封装mixins，方便复用
大致描述：现有一个下拉选择用户，用户量特别大的情况下，导致页面卡顿。用懒加载做下拉的优化；下拉选择项超过上万条，下拉比较影像性能加remote和filterable属性，实现关键字搜索（使用后端接口搜素）已实现功能：下拉默认加载第一页，滚动插入下一页，如果下一页为空，则滚动不会继续调接口；关键字远程搜索，依然可以滚动懒加载。
2024-04-02 14:21:10
702
原创 element el-table组件中，在部分表头上增加红色的星号 (*)，（必填项）
element el-table组件中，在部分表头上增加红色的星号 (*)，
2024-03-27 19:41:41
503
2
原创 vue+element-ui el-table表格单元格编辑新增el-form表单规则校验功能 列表单行校验，整个表单校验
因为是校验单行，所以我们使用validateField方法，对部分表单字段进行校验，第一个参数是校验的props数组，第二个参数是valid,这个参数和validate方法返回的不一样，记得甄别。一：点击新增，在el-table表格内新增一条数据，在表格内编辑，点击保存时，校验单行数据；二：新增/修改，保存后，数据以列表的形式显示，并且 保存按钮变成修改，再次点击修改时，html代码片段（可能还有复杂的代码没有删减掉，记得把多余的内容删减掉）点击保存时，校验表单。
2024-03-27 15:31:00
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人