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

news/2025/1/16 17:57:47/

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


http://www.ppmy.cn/news/1563675.html

相关文章

Ubuntu 磁盘修复

Ubuntu 磁盘修复 在 ubuntu 文件系统变成只读模式,该处理呢? 文件系统内部的错误,如索引错误、元数据损坏等,也可能导致系统进入只读状态。磁盘坏道或硬件故障也可能引发文件系统只读的问题。/etc/fstab配置错误,可能…

全国青少年信息学奥林匹克竞赛(信奥赛)备考实战之一维数组(应用一)

实战训练1—小明摘桃子 问题描述: 小明家院子里有棵桃树,桃子成熟的时候,小明就会带着30厘米高的板凳跑去摘桃子,当他不能直接用手摘到桃子的时候,就会踩到板凳上再试试。桃树上每次都是10个桃子,现在已知…

RabbitMQ(四)

SpringBoot整合RabbitMQ SpringBoot整合1、生产者工程①创建module②配置POM③YAML④主启动类⑤测试程序 2、消费者工程①创建module②配置POM③YAML文件内配置: ④主启动类⑤监听器 3、RabbitListener注解属性对比①bindings属性②queues属性 SpringBoot整合 1、生…

【Vim Masterclass 笔记12】S06L26 + L27:Vim 文本的搜索、查找及替换同步练习(含点评课)

文章目录 S06L26 Exercise 07 - Search, Find, and Replace1 训练目标2 操作指令2.1. 打开 search-practice.txt 文件2.2. 同一行内的搜索练习2.3. 当前文件内的搜索练习2.4. 单词搜索练习2.5. 全局替换练习 3 退出 Vim S06L27 同步练习点评课 写在前面 Vim 的文本检索、查找与…

Web前端------HTML块级和行内标签之块级标签

一.块级标签介绍 div-作用&#xff1a;主要结合CSS用来布局 等价于一个容器&#xff0c;里面可以包含其他标签&#xff0c;用来结合CSS修饰写在它内部其他结构 二.代码展示 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8…

Spring MVC流程一张图理解

由于现在项目中大部分都是使用springboot了&#xff0c;但是ssm中的springmvc还是可以了解一下 1 、用户发送请求至前端控制器 DispatcherServlet 。 2 、 DispatcherServlet 收到请求调用 HandlerMapping 处理器映射器。 3 、处理器映射器找到具体的处理器 ( 可以根据 xml 配…

【自然语言处理】P1 自然语言处理概述

目录 什么是自然语言处理定义常用术语自然语言处理的任务自然语言处理的发展历程自然语言处理的挑战自然语言处理的常用技术TF-IDF词嵌入分词循环神经网络注意力机制预训练 什么是自然语言处理 定义 自然语言指的是人类的语言&#xff0c;如中文、英语等&#xff0c;处理特指…

FPGA EDA软件的位流验证

位流验证&#xff0c;对于芯片研发是一个非常重要的测试手段&#xff0c;对于纯软件开发人员&#xff0c;最难理解的就是位流验证。在FPGA芯片研发中&#xff0c;位流验证是在做什么&#xff0c;在哪些阶段需要做位流验证&#xff0c;如何做&#xff1f;都是问题。 我们先整体的…