typescript inputfrom 文字数制限

Question

文字数の制限をmaxlength="30"でかけているのですがなぜか30文字以上打ててしまいます。
jsの処理で30文字以上打てなくすることはできるのでしょうか？

        <input
            v-model="title"
            type="text"
            class="create_form_text"
            placeholder="入力してください"
            maxlength="30"
          />

Answer 1

30文字以上打ててしまいます

打てるのは仕様です。
ただ、30文字以上は削除されます。

Comments

[yyyooo34343]

打てなくすることはできないんですか？

[kyoya0819]

打てなくしたい理由が何かあるのでしょうか？
もしあるとしたら、文字列が変わるたびにJavaScriptの処理を発火させ、その中で入力された文字数を元に削除する方法がありますが、打てなくするのではなく、超えた瞬間に削除するという表現が近いかと。
いずれにせよ、私の知る中では打てなくすることはできません