Vue.js フォームに入力文字数制限をかける

Vue.js フォームに入力文字数制限をかける

Vue.jsで、フォームに入力文字数制限をかける手順を記述してます。

環境

  • OS  CentOS Stream release 8
  • vue 3.0.0
  • node v14.15.1
  • yarn 1.22.4
  • @vue/cli 4.5.9

入力文字数制限

以下のコードのようにwatchを使用して、値を監視して制限を行います。
※ここでは3文字に制限してます

実行結果