Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(24)テキストフィールドの文章量に応じて縦幅を自動拡張する

24. テキストフィールドの文章量に応じて縦幅を自動拡張する

  • Vue.jsバージョン: 2.5.2
  • テキストフィールドの文章量が増えるとフィールドが下に拡張し、文章量が減ると上に縮小します。
  • 画面をリロードすると最初の状態に戻ります。

サンプルコード


ポイント: 前回の23. テキストフィールドの文章量に応じて縦幅を自動拡張するほど厳密ではありません。行数を予測可能なテキストについてのみ使えます。

<textarea class="form-control" v-model="a" :rows="4 + a.length / 40"></textarea>

バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化


CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。