记录一个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不是很方便写小数限制,这就看项目需求和时间成本了

相关推荐
琉璃℡初雪12 分钟前
vue2/3 中使用 @vue-office/docx 在网页中预览(docx、excel、pdf)文件
vue.js·pdf·excel
Bl_a_ck13 分钟前
【React】Craco 简介
开发语言·前端·react.js·typescript·前端框架
augenstern4161 小时前
webpack重构优化
前端·webpack·重构
海拥✘1 小时前
CodeBuddy终极测评:中国版Cursor的开发革命(含安装指南+HTML游戏实战)
前端·游戏·html
寧笙(Lycode)2 小时前
React系列——HOC高阶组件的封装与使用
前端·react.js·前端框架
asqq82 小时前
CSS 中的 ::before 和 ::after 伪元素
前端·css
拖孩2 小时前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫2 小时前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
Hejjon2 小时前
Vue2 elementUI 二次封装命令式表单弹框组件
前端·vue.js
小堃学编程3 小时前
前端学习(3)—— CSS实现热搜榜
前端·学习