vue 输入一个数自动获取最近的整十数

最新推荐文章于 2024-10-15 09:47:53 发布

原创最新推荐文章于 2024-10-15 09:47:53 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个简单的HTML与JavaScript实现的功能，该功能可以根据用户输入的数据计算并返回最接近的整十数值。通过使用parseInt、Math.floor及Math.ceil等方法，代码能够有效处理数值，并通过循环逻辑判断来确定最接近的整十数。

部署运行你感兴趣的模型镜像

HTML：

<input type="text" v-model="num">
<p>最近的整十数{{num}}</p>

data(){
  return {num:''}
},
methods:{
          var num=parseInt(this.num);
          var n=num%100;
          var floor=Math.floor(num/100);
          var ceil=Math.ceil(num/100);
          for(var i=0;i<10;i++){
            if(10*i<=n && n<10*i+5){
              this.num=floor*100+10*i;
            }else {
              this.num=ceil*100+10*i;
            }
          }
}

您可能感兴趣的与本文相关的镜像