记录一个v-if与自定义指令的BUG

在做某个系统的时候因为element自带的v-inputv-input-number不能满足所需要的功能,例如限制小数位数,最大值最小值和值是否允许存在非0之类的状态,写了一个自定义指令v-onlyNumber来满足需求(v-onlyNumber在我其他文章内有直接copy就行),结果在碰到v-if的时候发现存在某种情况会导致当在v-if内的的标签挂载上指令,关闭v-if之后,会导致挂载对象发生错误的问题

在Vue的自定义指令内有一句

自定义指令其实不推荐在组件上使用,我使用指令的node是整个列表最后一个,当v-if关闭之后会找同样的v-input挂载上去

解决办法就是换掉v-if使用v-show

或者使用v-form自带的rules对付一下

但rules不是很方便写小数限制,这就看项目需求和时间成本了

相关推荐
Hyyy1 小时前
理解LLM的基本工作原理:预训练、微调、推理的区别
前端
Gatlin1 小时前
前端逆向与反逆向:一场猫鼠游戏的底层逻辑与实战
前端
Pedantic1 小时前
本地通知(Local Notifications)学习笔记
前端
森蓝情丶2 小时前
我给 AI 搭了个法庭:一个前端仔的 LangGraph 实战全记录
前端·后端
爱勇宝2 小时前
干了近 8 年,一夜之间被裁:AI 时代,程序员最该害怕的不是 AI
前端·后端·程序员
Pedantic2 小时前
Combine 框架学习笔记
前端
runnerdancer3 小时前
Agent如何加载执行Skill的脚本
前端·agent
yingyima3 小时前
VS Code 正则替换技巧:从凌晨3点的服务器报警开始
前端
默_笙3 小时前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了
前端·javascript
梯度不陡3 小时前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案
前端·javascript·面试