el-input-number 小数位数截取与保留

news/2024/11/25 15:32:40/

Attributes

参数说明类型可选值默认值
value / v-model绑定值number0
min设置计数器允许的最小值number-Infinity
max设置计数器允许的最大值numberInfinity
step计数器步长number1
step-strictly是否只能输入 step 的倍数booleanfalse
precision数值精度number
size计数器尺寸stringlarge, small
disabled是否禁用计数器booleanfalse
controls是否使用控制按钮booleantrue
controls-position控制按钮位置stringright-
name原生属性string
label输入框关联的label文字string
placeholder输入框默认 placeholderstring--

¶Events

事件名称说明回调参数
change绑定值被改变时触发currentValue, oldValue
blur在组件 Input 失去焦点时触发(event: Event)
focus在组件 Input 获得焦点时触发(event: Event)

¶Methods

方法名说明参数
focus使 input 获取焦点-
select选中 input 中的文字

进位取数

<el-input-number v-model="form.power" controls-position="right" :min="7" :precision='1' :readonly="form.status==2"></el-input-number>

precision:保留一位小数,输入 小数位数多了就向上进位保留一位小数

如:10.36941    结果:10.4

不进位取数

<el-input-number v-model="form.power" controls-position="right" :min="7" :precision='1' :readonly="form.status==2" @input.native="changeInputPower($event)"></el-input-number>

changeInputPower(e) {

            if (e.target.value.indexOf('.') >= 0) {

                e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 2);

            }

        }

如:10.35    结果10.3


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

相关文章

【Linux】线程-线程控制

线程控制 线程控制线程创建线程终止线程等待分离线程 线程控制 使用线程需要注意的是&#xff0c;需要引入头文件pthread.h&#xff0c;并且在编译的时候&#xff0c;需要使用-lpthread 线程创建 int pthread_create(pthread_t *thread, const pthread_attr_t *attr, void *(*…

【java】maven 指定项目编译与打包的JDK版本

Maven 是一个流行的构建工具&#xff0c;用于管理 Java 项目的依赖项、构建和部署。在 Maven 中&#xff0c;可以指定项目的编译和打包所使用的 JDK 版本。本篇博客将介绍如何在 Maven 中指定项目的 JDK 版本&#xff0c;并讨论该选项对项目的影响。 指定 JDK 版本 在 Maven …

CrackMapExec 域渗透工具使用

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、CrackMapExec 是什么&#xff1f;二、简单使用1、获取帮助信息2、smb连接执行命令3、使用winrm执行命令&#xff08;躲避杀软&#xff09;4、smb 协议常用枚…

CSS背景相关属性

一、背景颜色 属性名&#xff1a;background-color (bgc) 属性值&#xff1a;颜色取值&#xff1a;关键字&#xff0c;rgb表示法&#xff0c;rgba表示法&#xff0c;十六进制表示。 注&#xff1a; 背景颜色默认透明&#xff1a;rgba&#xff08;0&#xff0c;0&#xff0c…

从广交会,看懂海尔智家逆势增长的秘密

中国企业的全球化战略应从何处、以何种方式推进&#xff1f;作为行业全球化最彻底的企业&#xff0c;海尔智家是个很好的参考。 4月15日&#xff0c;在第133届中国进出口贸易交易会&#xff08;以下简称“广交会”&#xff09;上&#xff0c;海尔智家展示了其扎根本土&#xf…

java 拼接字符串的方法

1.拼接字符串的方法&#xff0c;先要将字符串转化为数字类型&#xff0c;再根据需要拼接。这样可以避免直接拼接导致的错误。 2.将字符串转化为数字类型&#xff0c;这个就是一个循环。可以使用循环的方法&#xff0c;但是循环次数不宜太多&#xff0c;否则容易出错。 3.可以使…

总结828

学习目标&#xff1a; 4月&#xff08;复习完高数18讲内容&#xff0c;背诵21篇短文&#xff0c;熟词僻义300词基础词&#xff09; 学习内容&#xff1a; 暴力英语&#xff1a;回环诵读之前的文章&#xff0c;背150个单词&#xff0c;背《冰与火之歌》-守夜人誓词 高等数学&…

Flink高手之路6-Flink四大基石

文章目录 Flink四大基石一、Flink的四大基石1. Checkpoint2. State3. Time4. Window 二、案例1.需求2.代码实现3.运行&#xff0c;查看结果4.增加需求2的实现5.重启程序&#xff0c;查看结果 Flink四大基石 一、Flink的四大基石 Flink之所以能这么流行&#xff0c;离不开它最…