javascript - bootstrap-vue 输入数字的 MaxLength Vue.js

Question

我尝试为来自 bootstrap-vue 的输入实现 maxLength，但从我从他们的文档中读到的内容来看，他们不支持 max。如果我删除 type="number"，它可以工作，但不再是数字。

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

Answer 1

尝试使用formatter Prop 如下:

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