Vue 3 構成 API - すべての条件が満たされるまでフォーム送信ボタンを無効にする
P粉360266095
P粉360266095 2023-11-13 09:41:53
0
3
1097

すべての入力フィールドが入力され、エラーがなくなるまで、フォーム送信ボタンを無効にしたいと考えています。

リーリー

このボタンはデフォルトでは無効になっていますが、すでに述べた条件が満たされると、ボタン自体が「有効」になることはありません。

これまでのところ、私はセカンダリ ライフサイクル フック nextTick() を使用していますが、この場合は明らかに役に立ちません。

「無効」ステータスはコンソールでは更新されますが、DOM では更新されません。

この問題はどうすれば解決できますか?

###乾杯###
P粉360266095
P粉360266095

全員に返信(3)
P粉180844619

イベントをリッスンしてボタンの無効状態を変更するには、v-modelcompulated、または @input を使用する必要があるかもしれません。

いいねを押す +0
P粉828463673

最も簡単な解決策は、入力値に基づいて 計算された 値を使用してボタンの無効状態を設定することです。値が空の場合、ボタンは無効になります

これは基本的な例です

リーリー リーリー
いいねを押す +0
尊渡假赌尊渡假赌尊渡假赌

。 。 。 。テスト###

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート