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);

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐