- 博客(3)
- 收藏
- 关注
原创 el-input输入框根据字节限制输入长度(中文占两字节,数字英文占一字节)
需求:某个字段需要限制输出长度 字符长度小于64个VARCHAR2(64),这一眼就看出来是数据库的限制,数据库是根据字节做的限制,而前端组件el-input的限制长度(maxlength)只能限制字符串的长度,无法直接限制字节,所以我封装了一个方法,以下是具体代码。我把这个方法封装在通用方法中 commonUtils.js,下面是commonUtils.js的代码。在main.js引用,然后注入到原型,以后可以直接使用该方法。
2024-05-11 16:28:06
2005
原创 基于Vue自定义指令实现按钮权限控制 具体代码和思路详解
使用自定义指令:直接在按钮标签加上 v-has=['index/save'];'v-has' 是自定义指令, []里面是按钮权限的值。自定义指令:配置自定义指令,挂载在vue上,这样去控制某个按钮是否显示,只需要加入自定义指令和按钮权限的值就可以了。分配权限:这一项可以自己在某个配置文件里定义,也可以让后端写一个接口,存到数据库里面,页面动态去配置,主要介绍前端使用Vue自定义指令去控制页面上的按钮权限;获取按钮权限:登录用户后去读取改用户的按钮权限然后存到缓存中或者VueX中;
2024-04-03 17:07:07
317
原创 vue运行项目npm run dev报错,提示JavaScript 堆内存不足;实际是node版本原因导致的
场景:拉了一个新的项目,npm run dev 的时候 控制台报错,提示报错,百度一下说是JavaScript 堆内存不足;根本原因是node版本原因导致,下载14的版本后就正常了。建议大家下载nvm管理node版本,直接输入nvm命令就可以切换node 版本,以及下载和卸载,非常好用。
2024-04-02 17:17:43
711
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人