エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
vueで改行に合わせて伸縮するテキストフォーム - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
vueで改行に合わせて伸縮するテキストフォーム - Qiita
function fitToForm(target: HTMLFormElement, text: string, defaultRows = 1): void { const lines = ... function fitToForm(target: HTMLFormElement, text: string, defaultRows = 1): void { const lines = text.match(/\n/g)?.length || 1; if (defaultRows <= lines) { target.rows = lines + 1; } if (defaultRows > lines) { target.rows = defaultRows; } } 利用イメージ v-model渡しているstateをfitToFormの第二引数に渡しています。 第三引数にtextareaのデフォルトのrowsを設定すると、それ以上小さくなりません。 <textarea v-model="comment" placeholder="コメントを入力" rows="4" type="