各子要素のラッパーを追加する Vue 3 アクション

Question

次のようなフォームコンポーネントがあります。

FormComponent を各子の周囲に配置する必要があります。ラッパー div を適用する上記のコードから、FormCom

P粉415632319 · Answer

回避策は次のとおりです:

リーリーリーリー

FormComponent.vue

リーリー

これはコメントで提案されているように、$slots.default() の内容をループする動作デモ です。

テンプレート構文でロジックを記述したい場合は、それが正しい方法であり、それが間違っているとは思いません。

私の傾向としては、(通常は) テンプレート構文を最小限に抑える傾向があるため、個人的には最初のアプローチを好みます。コンポーネントをオブジェクトまたはマップ構造内に保持すると、次のようなタスクを細かく制御して自動化できるようになります。

＃＃＃確認する＃＃＃

私の好みはおそらく、ビジネスロジックが通常オブジェクトに保存される構成主導の環境で頻繁に作業することに由来しています。テンプレート構文で記述することに問題はありませんが、全体的に制限があると感じます。