el-input只能输入大于0的整数，而且范围是0~360

最新推荐文章于 2024-03-14 15:47:54 发布

不想上班只想要钱

最新推荐文章于 2024-03-14 15:47:54 发布

阅读量2.2k

点赞数 1

分类专栏：前端 css html 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Aa12364567/article/details/126298578

版权

前端同时被 3 个专栏收录

145 篇文章 3 订阅

订阅专栏

html

89 篇文章 1 订阅

订阅专栏

css

84 篇文章 1 订阅

订阅专栏

el-input只能输入大于0的整数，而且范围是0~360

<el-input " v-model="content" @input="changeInput"></el-input>

在methodslm 写方法

changeInput(e) {
      let value = e.replace(/^(0+)|[^\d]+/g, '');
      //如果输入框数值大于360，取余计算
      if (value > 360) {
        content = value % 360
      } else {
        content = value
      }
      //如果用户将input输入框内容清除且没有输入其他值，则输入框内容为0
      if (value === '') {
        content = 0
      }
    },