Javascript 引导vue输入号vue.js的最大长度

我尝试为来自

引导vue

的输入实现

maxLength

，但从他们的文档中了解到，他们不支持max。如果我删除

type=“number”

，它可以工作，但不再是一个数字

    <b-form-input
        size="sm"
        v-model="register_volume_first"
        type="number"
        maxlength=4
        placeholder="1902"
    ></b-form-input>

---

maxLength仅适用于文本类型，我尝试做了一个测试，看看是否支持min&max，看起来是这样，请看一下：

newvue({
el:“#应用程序”，
方法：{
onSubmit（evt）{
evt.preventDefault（）
控制台日志（evt）
}
}
})

提交

尝试按如下方式使用道具：

<template>
  <div>
    <b-form-input size="sm" v-model="volume" type="number" :formatter="formatYear" placeholder="1902"></b-form-input>
       <div class="mt-2">Value: {{ volume }}</div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
       volume: '4'
      }
    },
methods:{
  formatYear(e){
     return String(e).substring(0,4);
  }
}
  }
</script>

值：{{volume}}
导出默认值{
数据（）{
返回{
卷：“4”
}
},
方法：{
第二年（e）{
返回字符串（e）.子字符串（0,4）；
}
}
}

好的，谢谢，但我正在寻找一种不依赖提交的方法。@Beusebiu在输入中添加一个v型并观看它。我感谢了一块手表，但我不确定里面写了什么。@Beusebiu我编辑了我的答案，看看编辑2是否让你满意。我检查了它，但不起作用。仅当我使用箭头时，Is才起作用。谢谢，但在我的情况下，在not ok中，用户不会使用箭头插入我所需的数字（年份）！谢谢maxlength仅适用于文本输入。使用数字类型输入的

min

和

max

：

min=“1000”max=“9999”step=“1”

确保有4位数字，没有小数。但请注意，这仅适用于验证输入的情况。