エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ElementUIでformのsubmitボタンをdisabledにする - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ElementUIでformのsubmitボタンをdisabledにする - Qiita
背景 ElementUIを使ってformを作成しています。 公式のサンプルにある通り、submitボタンを押下した際に... 背景 ElementUIを使ってformを作成しています。 公式のサンプルにある通り、submitボタンを押下した際に、バリデーションを発火させるのは簡単にできます。 https://element.eleme.io/#/en-US/component/form#validation ただ、今回はformを初期表示した際にsubmitボタンをdisabled状態(押下できない状態)にしたいというものです。 結論 validateStateをチェックする 解説 1: el-formにrefを設定する 2: そのrefをからvalidateStateを見て、バリデーションステータスを確認する サンプルコード <template> <div id="app"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width