как задать максимальную длину значения для v-text-field с type='number'?

maxlength для v-text-field можно добавить так:

<v-text-field
    v-model="title"
    label="label"
    maxlength="20"
></v-text-field>

Можно расширить функционал, добавив counter и rules:

<v-text-field
    v-model="title"
    label="label"
    maxlength="20"

    counter
    :rules="[rules.required, rules.counter]"
></v-text-field>

<script>
  export default {
    data () {
      return {
        rules: {
          required: value => !!value || 'Required.',
          counter: value => value.length <= 20 || 'Max 20 characters',
        },
      }
    },
  }
</script>