el-input组件结合change使用原生js实现只能输入整数

小也同学

于 2022-08-03 17:17:18 发布

阅读量572

点赞数

分类专栏：前端技术文章标签：前端

本文链接：https://blog.csdn.net/qq_37734787/article/details/126144708

版权

前端技术专栏收录该内容

47 篇文章 0 订阅

订阅专栏

  <el-input v-model="fbk2" @change="handleChangeNum"
    ><template slot="append">天</template></el-input
  >
  
handleChangeNum(value) {
  var val = parseInt(value);
  if (isNaN(val)) {
    val = 0;
  } else {
    val = val > 1 ? val : 1;
    val = val < 100 ? val : 100;
  }
  this.$nextTick(() => {
    this.fbk2 = val;
  });
},