vue3 reaktiv löschen/zurücksetzen

Reihenfolge: 

        1. Anwendbare Szenarien: Die Überprüfung des Formularwechsels erfolgt wie unten dargestellt.

        Lassen Sie mich Ihnen ein Beispiel geben: Wenn Sie eine Bankkarte aus der Dropdown-Liste auswählen, ist die Bank, zu der Sie gehören, beim Absenden des Formulars zur Verifizierung erforderlich. Wenn Sie jedoch Alipay auswählen, ist die Bank, zu der Sie gehören, nicht erforderlich erforderlich . Allerdings werden die Regeln oft in Requisiten weitergegeben! Wenn Sie mit der kombinierten API von vue3ts entwickeln, kommen Sie nicht umhin, reaktiv zu verwenden, um Validierungsbedingungen und -felder dynamisch zu löschen und zurückzusetzen.

        2. Öffentliches WeChat-Konto des Bloggers: „ Programmer Wild Zone“ . Folgen Sie dem öffentlichen Konto und antworten Sie mit „ Gruppe hinzufügen “, um der WeChat-Gruppe des Bloggers beizutreten .

        3. Erweiterte Lektüre: Kapitel 6: Wenn Sie aufgrund Ihres Aussehens zugelassen werden , Kapitel 7: Warum eine Person in der ganzen Stadt verbieten?

Text:

        Methode 1. (Beachten Sie, dass diese Methode keine Ereignisantwort unterstützt)

        Mit anderen Worten: Sie können es nicht über den gesamten Lebenszyklus hinweg oder nach Ereignisrückrufen wie „Click/Change“ verwenden! ! ! ! ! Er ist wegwerfbar! ! ! !

        Erstens können Sie nicht const, da Sie eine Konstante beim Definieren nicht reaktiv neu zuweisen können. Die erste Methode ist also wie folgt

var form= reactive<{[index:string]:any}>({
    id:1,
    name:"2"
})
form=reactive({
    age:2,
})

        Beachten! <{[index:string]:any}> Die Deklaration des Variablentyps darf nicht fehlen! Hier ist das Allgemeine

        Methode 2. (Konstante Benennung beibehalten)

const form= reactive<{[index:string]:any}>({
   id:1,
   name:"2"
})
Object.keys(form).forEach((v,i)=>{
   delete form[v]
})
form.age=2;

Rufen Sie alle Antwortattribute des Formulars ab und löschen Sie sie. 

        

Ich denke, dass jeder an dieser Methode interessiert sein wird. Wenn Sie das Altersattribut hinzufügen, wird es nicht reagieren . seien Sie versichert! form ist eine durch const definierte Konstante und reagiert, sodass .age auf reagiert

        Ursprünglicher Blogbeitrag! Bitte fügen Sie beim Nachdruck einen Link zu diesem Artikel bei!

        Dann gibt es interessierte Freunde, das offizielle WeChat-Konto des Bloggers: „ Programmer Wild Area“ , folgen Sie dem offiziellen Konto und antworten Sie „ Gruppe hinzufügen “, Sie können der WeChat-Gruppe des Bloggers beitreten