设置 el-input-number 整数取值

来源:csdn博客 分类: 文章浏览史 发布时间:2020-12-20 17:41:29 最后更新:2020-12-20 浏览:100
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-12-20 17:41:29

el-input-number 是数值输入标签,默认为非整类型。但是很多情况下,要求输入数值必须为正整数,这就需要自己添加方法进行设置

        <el-input-number
            :min="0"
            v-model="chapter.sort"
            controls-position="right"
            placeholder="请输入排序"
            @change="toInteger"
          />

对应function:

toInteger() {
      let reg = /^[0-9]+$/
      if(!reg.test(this.chapter.sort)){
        this.$message.warning("只能输入整数排序")
        // 用以在dom渲染挂载后重新触发dom渲染挂载
        this.$nextTick(() => {
          this.chapter.sort = parseInt(this.chapter.sort)
        })
      }
    }

 

php技术微信