Vuetifyで数値のみ入力可能としたフィールドに、初期表示と編集も可能としたい

Question

前提

vuejsとvuetifyでレシピ管理をするシステムを作っています。
売上数を入力する機能を実装中に数字入力がうまく実装ができません。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• DBから取得した値を初期表示する
• 初期表示した数字を変更することができる

発生している問題・エラーメッセージ

初期表示はされるが、値は初期表示の±1しか変更ができない

該当のソースコード

<v-card-subtitle>
 売上：    
<v-text-field
  class="bottom-input"
  single-line
  type="number"
  max="999"
  min="1"
  v-model:value="recipe.sold"
></v-text-field>
</v-card-subtitle>

試したこと

valueでなく、v-text-field　に初期表示をいれたりしましたが、2重に表示されたりしてうまく対応ができませんでした。

Answer 1

   min="1"
-  v-model:value="recipe.sold"
+  v-model="recipe.sold"

Comments

[goroentsumugu]

ありがとうございます。
色んなパターンをやってみたつもりだったんですが、valueが不要という発想がありませんでした…

ただしく思ったように表示されて感動です！