带有v-model的input 保证内容是非负整数,键盘输入适用

2023-10-28

带有v-model的input 保证内容是非负整数,键盘输入适用
输入小数时自动四舍五入成整数,输入负数时自动变0
遇到的坑:
不太会vue,一直按照普通input搞得,给input的value赋值,以为就完了,结果输入小数后,确实立刻变成了整数,但是光标一失去焦点,又变回了小数 (〝▼皿▼),因为v-model里的数没变_(¦3」∠)_

<input id="order" type="number" min="0" onkeyup="checkNum(event)" 
	v-model="menu.orderNum" placeholder="排序号"/>	
<script type="text/javascript">
var vm = new Vue({
    el:'#rrapp',
    data:{
        showList: true,
        title: null,
        menu:{
            parentName:null,
            parentId:0,
            type:1,
            orderNum:0
        }
    },
    methods: {}
});
//这个方法写methods里也行,懒得改了
function checkNum (e) {
	var val = e.target.value;
	e.target.value = val >= 0 ? val : 0;
    var flag = new RegExp("^[1-9]([0-9])*$").test(val);
    if(!flag){
    	vm.menu.orderNum = Math.round(val);
    }
}
</script> 		
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有v-model的input 保证内容是非负整数,键盘输入适用 的相关文章

  • 【ROS】Ubuntu22.04安装ROS2(Humble Hawksbill)

    ROS 郭老二博文之 ROS目录 0 版本说明 Ubuntu22 04对应的ROS2的版本为Humble Hawksbill ros humble 如果不是在Ubuntu22 04中安装ROS 请参考下面Ubuntu和ROS的版本对应关系
  • 相机的内参标定(实现原理+具体操作流程+实验结果)

    这篇主要是总结梳理一下关于学习到的相机内参标定的知识 计划分为原理介绍 具体操作流程 标定实验结果三个模块 首先先简单解释下为什么要进行相机标定这个操作 我们知道生活中实际使用的相机镜头都是透镜 初中时的物理就讲过 只有通过光心的光线才是沿
  • 代理IP:跨界电商的智能数据引擎

    代理IP在跨界电商中扮演了智能数据引擎的关键角色 其应用在数据采集 市场洞察和竞争分析等方面具有重要意义 多地区数据采集 跨界电商需要了解不同地区的市场趋势 竞争情况等 以制定相应的策略 代理IP允许企业模拟不同地区的IP地址 从而获取多地

随机推荐

  • anaconda必须安装在c盘吗_Anaconda的安装

    什么是Anaconda 官方说法 Anaconda指的是一个开源的Python发行版本 其包含了conda Python等180多个科学包及其依赖项 通俗说法 Anaconda就是一个工具箱 能对Python等工具进行统一的管理和使用 更加
  • Spark XGBoost的一些问题

    在使用Spark版本的xgboost的时候会有一些单机版本遇不到的问题 可能对使用的人造成一些困扰 经过两周的踩坑 总结一下 希望有帮助 1 输入 预测数据的一致性 Spark版本的XGBoost处理的输入可以是RDD或者DataFrame
  • NeurIPS 2022

    点击下方卡片 关注 CVer 公众号 AI CV重磅干货 第一时间送达 点击进入 gt CV 微信技术交流群 快来加入NeurIPS 2022细胞图像分割竞赛 助力生命科学领域单细胞分析 丰厚奖励等你拿 比赛背景和数据 基于显微镜图像的单细
  • 简单的debug32的基本语法介绍(基于dos环境)

    1 打开文件 debug 文件名 exe 2 r 简单的输入 r时就是查看当前各项寄存器的值 并由当前的地址 存储的指令等等 并且 我们可以用 r命令来对寄存器的值进行修改 如 r ax 3 a a指令可以让我们依次对内存单元直接写入汇编语
  • SQL优化(三):SQL优化实战

    前两节基本是讲了SQL优化重要的工具大概思路 你连explain都看不明白 遇到慢查询一个SQL执行半天的情况 估计优化起来肯定无处着手 这节主要是SQL优化的具体实战 常见的一些问题 本文实际上也收到很多别的文章影响 收集了一些大牛的优化
  • TortoiseGit disconnected no supported authentication

    今天 我发现一个从远程服务器上获取到的工程 用Git没问题 而TortoiseGit报错 Disconnected No supported authentication methods available server sent publ
  • RFID门禁系统快速识别车辆管理

    01 社会背景 随着生活水平的不断提高 汽车开始大量进入家庭 在中国城市汽车的保有量迅速增加情况下 车辆的管理已成为一个难题 对车辆进行有效的管理 其核心问题是如何对车辆进行识别 本文介绍了一个基于射频识别技术的门禁管理系统 将RFID技术
  • 总结node的优缺点

    Node js采用了谷歌的v8引擎 同时提供了多个系统级的API 这样就避免了在浏览器端运行javascript代码各种的限制 而node js就是运行在服务器端的js代码 JavaScript原始运行环境 JavaScript最早在浏览器
  • python+pyqt制作的可最小化到托盘的桌面图形应用代码实例

    本篇文章主要讲解使用python pyqt制作的可以最小化到托盘的桌面图形应用实例 日期 2023年6月11日 作者 任聪聪 效果演示 说明 实现桌面应用显示窗口 关闭窗口缩小到托盘 点击托盘显示窗口 邮件图标显示退出按钮 点击退出按钮即可
  • 寻路算法 --- A星寻路算法

    深度寻路算法应用场景 仅用于空旷地形 小游戏或者大游戏的某个小模块 点击地图 人物一步步试探 广度寻路算法应用场景 只适用于小地图 回合制的走格子游戏 上帝视角 在走之前已经把路都找出来了 A星寻路算法应用场景 应用场景广泛 RPG游戏 为
  • Python经典基础编程练习题(二)——每日10题

    1 编写一个程序 输入若干个单词 并且以逗号分隔按字母顺序排序后 以逗号分隔打印单词 输入 without hello bag world 输出 bag hello without world 解题思路 掌握分词和排序函数 a input
  • 面经——嵌入式软件工程师面试遇到的经典题目

    参考 嵌入式软件工程师面试遇到的经典题目 作者 一只青木呀 发布时间 2020 11 04 23 43 16 网址 https blog csdn net weixin 45309916 article details 109499825
  • Android-Java和HTML5交互-混合开发-优化

    现在很多的 APP中会嵌套HTML5的页面 比如经常变化的等等 有一部分页面需要原生Java与HTML5中的js进行交互操作 下面介绍一下android中HTML5的使用 1 关于HTML5种cookie 网页中可能会用到 用户信息等很多参
  • algorithm头文件下的常用函数

    max min abs max x y 和min x y 的两个参数可以是浮点数 abs x 的参数必须是整数 浮点型的绝对值要使用math头文件下的fabs swap reverse reverse it1 it2 可以将数组指针在 it
  • 华为8.21日成渝地区笔试题,,,超详细的喔

    8月22日面试的 面试感受放到牛客网上了 点下面链接即可 https www nowcoder com discuss 235118 笔试一共三道题 分别是100分 200分 300分 可以使用本地IDE 第一题 报文转义AC20 如果报文
  • c# 三维向量常用运算函数

    三维向量运算 求点到直线垂足交点 点到直线距离 计算向量夹角 计算AB与CD两条直线的交点 计算AB与CD两条线段的交点 判断点是否在四边形内 abcd为正方形时不准确 判断点p 是否在四边形abcd内 求点到直线垂足交点
  • rocketmq参数配置

    下载代码 git clone https github com tgou RocketMQ 1 打包 mvn Dmaven test skip trueclean package install assembly assembly U 2
  • [转]Mapx在C#中的应用

    在这段代码中 我们应用MapX控件结合老美地图做了最基本的 地图浏览功能 放大 缩小 拖动 全图 测量距离 测量面积 杨雨田 YangYutian Hotmail Com using System using System Drawing
  • 如何使用git命令添加文件和提交文件

    转载 https www cnblogs com olive27 p 6047646 html 1 进入指定文件夹内 启动 git bash here 2 初始化文件夹 git init 3 开始添加文件 所有文件添加方法 git add
  • 带有v-model的input 保证内容是非负整数,键盘输入适用

    带有v model的input 保证内容是非负整数 键盘输入适用 输入小数时自动四舍五入成整数 输入负数时自动变0 遇到的坑 不太会vue 一直按照普通input搞得 给input的value赋值 以为就完了 结果输入小数后 确实立刻变成了