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)
        })
      }
    }

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐