当前位置： 首页 > article >正文

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

article 2025/1/18 5:38:07

在做某个系统的时候因为element自带的v-input和v-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不是很方便写小数限制，这就看项目需求和时间成本了


http://www.kler.cn/a/507421.html

相关文章：

  • Jupyter notebook中运行dos指令运行方法
  • Kafka权威指南（第2版）读书笔记
  • Linux查看日志命令
  • Redis延迟队列详解
  • sparkSQL练习
  • Unity-Mirror网络框架-从入门到精通之RigidbodyPhysics示例
  • 使用 ChatGPT 生成和改进你的论文
  • 【Javascript Day10】Math对象、Math随机数、时间对象
  • LabVIEW实车四轮轮速信号再现系统
  • tomcat项目运行后报500
  • Java 高级工程师面试高频题：JVM+Redis+ 并发 + 算法 + 框架
  • Quantum supremacy using a programmable superconducting processor 全文翻译，配公式和图
  • 将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch（3 纯python的经济方案）
  • CSS3 2D 转换介绍
  • element表格有横向滚动条时产生错位或者偏移（火狐浏览器）
  • linux Debian包管理器apt安装软件包由于依赖关系安装失败解决方法
  • 系统思考—团队学习
  • 解锁动态规划的奥秘：从零到精通的创新思维解析（6）
  • Zookeeper 数据迁移实战：基础环境搭建与高效迁移方案全览
  • 鸿蒙动态路由实现方案
  • 国产游戏行业的挑战与机遇：IT技术如何引领未来
  • IEEE期刊；latex模板学习记录
  • 从AI生成内容到虚拟现实：娱乐体验的新边界
  • 天机学堂笔记1-网关拦截器获取用户信息保存到ThreadLocal
  • 从RNN到Transformer：生成式AI技术演变与未来展望
  • 【深度学习】Pytorch：导入导出模型参数