検索

ホームページ  >  に質問  >  本文

Vue 3 構成 API - すべての条件が満たされるまでフォーム送信ボタンを無効にする

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

リーリー

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

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

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

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

###乾杯###
P粉360266095P粉360266095373日前1051

全員に返信(3)返信します

  • P粉180844619

    P粉1808446192023-11-14 00:30:04

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

    返事
    0
  • P粉828463673

    P粉8284636732023-11-14 00:15:17

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

    これは基本的な例です

    リーリー リーリー

    返事
    0
  • 尊渡假赌尊渡假赌尊渡假赌

    尊渡假赌尊渡假赌尊渡假赌2023-11-20 15:25:48

    。 。 。 。テスト###

    返事
    0
  • キャンセル返事