input 输入框限制只能输入0-1的两位小数

最新推荐文章于 2023-10-09 17:11:18 发布

小白猿

最新推荐文章于 2023-10-09 17:11:18 发布

阅读量1.7k

点赞数 1

分类专栏：前端开发 html 文章标签： javascript 前端 html5 html

本文链接：https://blog.csdn.net/qq_42386231/article/details/125432136

版权

前端开发同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

<input
    type="number"
    min="0"
    max="1"
    step="0.01"
    @input="change"
    v-model="discount"
    autocomplete="off"
    placeholder="限制輸入0-1的两位小数"
/>
        
change() {
        if (date.discount > 1) {
          date.discount = 1;
        } else if (date.discount < 0) {
          date.discount = 0;
        } else if (
          date.discount.toString().split(".")[1] &&
          date.discount.toString().split(".")[1].length > 2
        ) {
          date.discount = Number(date.discount).toFixed(2);
        }
        date.discount = date.discount.toString().replace(/^0+\./g, "0."); //把小数0开头的多余0去掉
},