el-input-number输入框去掉精度,只保留两位小数

element官网示例:

添加precision属性能够非常便捷的保留小数位数,但自动四舍五入的做法对某些需求来说不适用,so~那就去掉这个属性,用input监听来完成要求。

具体代码:

<template>
    <el-input-number
        v-model="value"
        :controls="false"
        @input.native="changeInput($event)"
        placeholder="支持保留两位小数"
    ></el-input-number>
</template>

<script>
export default {
    methods: {
        // 保留两位小数
        changeInput(e) {
            if (e.target.value.indexOf('.') >= 0) {
                e.target.value = e.target.value.substring(0, e.target.value.indexOf('.') + 3);
            }
        }
    }
}
</script>

函数:indexOf()

功能:返回字符串中匹配子串的第一个字符的下标,没找到返回-1;

函数:substring()

功能:字符串截取,用于提取字符串中介于两个指定下标之间的字符,比如想从"helloworld”中得到"hello”就要用到substring(0, 5);

语法:stringObject.substring(start, stop);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值