\n\nCorriger la gestion de l'objet réactif afin que chaque champ mette à jour uniquement sa propriété sans écraser les autres.","learningResourceType":"Practice problem","educationalLevel":"medium","teaches":["vue","reactive","formulaire","state","compositionapi"],"programmingLanguage":"Vue.js","provider":{"@type":"Organization","name":"CodeDuel","url":"https://codeduel.net"},"step":[{"@type":"HowToStep","text":"تحليل المطلوب والعناصر الموجودة."},{"@type":"HowToStep","text":"تنفيذ الحل."},{"@type":"HowToStep","text":"التحقق عبر الاختبارات والذكاء الاصطناعي."}],"url":"https://codeduel.net/ar/challenges/IvwIQJeUjGxXhyc0QdGt","inLanguage":"ar"}
Vue.jsمتقدم

Correction d'un formulaire complexe avec objet réactif mal fusionné

السيناريو

Contexte : Une application interne permet de créer des profils utilisateurs via un formulaire multi-champs. Le Problème : Lors de la modification d'un champ, les autres propriétés de l'objet formulaire disparaissent. Contraintes : Vous devez conserver un seul objet réactif pour le formulaire. Aucune librairie externe. Code actuel : <script setup> import { reactive } from 'vue'; const form = reactive({ name: '', email: '' }); function updateField(e) { form = { [e.target.name]: e.target.value }; } </script> Livrable attendu : Corriger la gestion de l'objet réactif afin que chaque champ mette à jour uniquement sa propriété sans écraser les autres.

المهارات المستهدفة

vuereactiveformulairestatecompositionapi

حالات تطبيقية أخرى في ⁨Vue.js⁩

عرض كل الحالات التطبيقية في ⁨Vue.js⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى

    Correction d'un formulaire complexe avec objet réactif mal fusionné — mise en situation Vue.js | CodeDuel