🐣 isEditing: true のときに、ボタンが活性化しない
作成日: 2021/12/21
0

3-2 ユーザビリティなフォームにしよう

isEditing: true のときに、ボタンが活性化しない

・・・と思ったが、動画も
フォーカスがあたる(カーソルが表示される):まだボタンは活性化しない
テキスト長が0を超える:ボタン活性化

となっているので、これで合っているのかもしれない

 <button type="submit" class="add-button" v-if="isEditing || titleExists">追加</button>

v-ifディレクティブに、フォームが活性の時(isEditing)と、テキストが入力された時(titleExists)を指定しました。なので、どちらかがtrueの時だけボタンが表示されます。


コーダーです。