e-input中如何只能输入大于0的数字

最新推荐文章于 2024-05-16 14:53:31 发布

_处女座程序员的日常

最新推荐文章于 2024-05-16 14:53:31 发布

阅读量1k

点赞数

分类专栏： vue 前端浏览器文章标签： javascript elementui vue

本文链接：https://blog.csdn.net/qq_42931285/article/details/130449355

版权

前端同时被 3 个专栏收录

375 篇文章 13 订阅

订阅专栏

vue

210 篇文章 4 订阅

订阅专栏

浏览器

47 篇文章 2 订阅

订阅专栏

文章介绍了在Vue组件中，通过<el-input>元素结合正则表达式和事件处理（@input,@change,@blur）来格式化用户输入的分钟数。当输入值超过60或不合法时，会进行相应逻辑处理，如重置为0，并在失去焦点时保存上次合法值。

摘要由CSDN通过智能技术生成

可以通过正则加事件的方案、

  <el-input
        v-model="minutes"
        @input="minutes = minutes.replace(/^(0+)|[^\d]+/g, '')"
        @change="handleTime(minutes, 'minutes')"
        @blur="rememberLastScore(minutes)"
        class="times_input"
      ></el-input>

注：我们可以在handleTime中写一些逻辑，比如匀大于60，若大于60则置为0。

需求2：若不符合要求时，我们如何将input值设置为上次的值。我们可以写一个blur事件，在这个事件中记住上次的值。