エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.jsサンプルコード(23)テキストフィールドの行数に応じて縦幅を自動拡張する|TechRacho by BPS株式会社
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.jsサンプルコード(23)テキストフィールドの行数に応じて縦幅を自動拡張する|TechRacho by BPS株式会社
前記事: 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する 次記事: 24. テキストフィールドの文... 前記事: 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する 次記事: 24. テキストフィールドの文章量に応じて縦幅を自動拡張する 23. テキストフィールドの行数に応じて縦幅を自動拡張する Vue.jsバージョン: 2.5.2 テキストフィールドの行数が増えるとフィールドが下に拡張し、行数が減ると上に縮小します。 画面をリロードすると最初の状態に戻ります。 ポイント: jsファイルはほぼ空です。HTML側のVue.jsコードでは、改行の数を行数と仮定しています。 <textarea class="form-control" v-model="a" :rows="a.split(/\n/).length"></textarea> 前記事: 22. YouTube風の[👆][👇]ボタンで1度だけGood/Bad評価する 次記事: 24. テキストフィール