国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Der umgeschriebene Titel lautet: VueJS Typescript V-Model-Typ ?Nummer' kann nicht dem Typ ?Nullable<string>' zugewiesen werden.
P粉863295057
P粉863295057 2023-08-25 13:27:11
0
1
711
<p>Ich bin also neu bei Typescript und VueJS und all ihren neuen Funktionen. </p><p> Alles funktioniert wie erwartet, aber ich kann die Typoskriptfehler nicht beseitigen und gleichzeitig V-Model verwenden. </p><p> Ich entwickle eine Netzwerkansicht, damit Mitglieder ihre Eigenschaften überprüfen und ?ndern k?nnen. Ich erhalte Mitgliedsdaten von der API und speichere sie im PiniaStore. Das bedeutet, dass ich mehrere Eingabefelder habe, deren Mitglieder Zahlen und Zeichenfolgen sein müssen. Das AFAIK-V-Modell ist die beste Wahl für Eingabefelder. </p> <pre class="brush:bash;toolbar:false;"> Der Typ ?string number |“ kann nicht dem Typ ?Nullable<string>“ zugewiesen werden. Der Typ ?Nummer“ kann nicht dem Typ ?Nullable<string>“ zugewiesen werden. </pre> <p>Keine der vorgeschlagenen L?sungen für Stackoverflow-Fragen zu diesem Fehler (wie diese oder diese) passt zu meinem Problem. Ich habe eine schlechte Problemumgehung gefunden, ich verwende kein ?nderungsereignis im Vorlagenblock anstelle des V-Modells und habe den gleichen Fehler in meinem Skript erhalten, aber durch <code>//@ts-ignore< /code> </p> <p>Zuallererst m?chte ich wissen, wie man Typoskriptfehler in VueJs-Vorlagenbl?cken auskommentiert, was hier bereits gefragt wurde. </p><p> Zweitens: Wie kann ich dieses Problem l?sen, ohne Schreibfehler zu bekommen? </p> <p>Wenn ich mir den Code unten ansehe, erhalte ich diesen Fehler bei <code>v-model</code> und wei? nicht, wie ich ihn beheben kann: </p> <pre class="brush:bash;toolbar:false;"><script setup lang="ts"> import { useMembershipStore } aus "@/stores/membership"; const memberStore = useMembershipStore(); MitgliedschaftStore.getMembership(); const { Mitgliedschaft } = storeToRefs(membershipStore); Funktion save() { if (membership.value) { MitgliedschaftStore.updateMembership(membership.value); } } </script> <Vorlage> <div v-if="membership === null" class="loading"> <h2>Laden</h2> </div> <div v-else class="members-table"> <div v-for="(value, key) in Object.keys(membership)" <br /> <InputText type="text" v-model="Mitgliedschaft[Wert als Schlüssel des Mitgliedschaftstyps]" /> </div> <Button @click="save()" </div> </template> </pre> <p>Das ist meine Typdefinition: <strong>membershipstore.ts</strong></p> <pre class="brush:bash;toolbar:false;">export type MembershipStoreState = { Mitgliedschaft: Mitglied |. null; }; </pre> <p><strong>type.ts</strong></p> <pre class="brush:bash;toolbar:false;">export interface Member { id?: Nummer; user_id?: string; user_attr: string |. null; create_attr?: string |. null; admin_attr?: string |. null; } </pre> <p>Ich habe auch herausgefunden, woher der Typ <code>Nullable<string></code> kommt. Es stammt aus der PrimeVues-Typdefinition seiner Komponente InputText, die hier zu finden ist: </p> <pre class="brush:bash;toolbar:false;">export interface InputTextProps erweitert InputHTMLAttributes { /*** Wert der Komponente.*/ modelValue?: Nullable<string>; } </pre> <p>Vollst?ndige Codebeispiele finden Sie hier</p><p> Vollst?ndiges Codebeispiel mit ?nderungsereignissen und Problemumgehung für Fehler</p>
P粉863295057
P粉863295057

Antworte allen(1)
P粉779565855

我想您正在定義 membership: Member|null 來檢查加載程序

你可以試試這個(gè)

export type MembershipStoreState = {
  membership: Member;
};

在 HTML 中

<template>
  <div v-if="Object.keys(membership).length === 0" class="loading">
    <h2>Loading</h2>
  </div>
  <div v-else class="members-table">
    <div v-for="(value, key) in membership" > // thanks to @Dimava's comment
      <br />
      <InputNumber v-if = "key === 'id' || key === 'user_id'"
        v-model="membership[key]"
      />
      <InputText type="text" v-else
        v-model="membership[key]"
      />
    </div>
    <Button @click="save()" />
  </div>
</template>

Object.keys(membership).length === 0 將檢查您是否已填充界面的任何鍵,否則它將返回 true 并且您的正在加載將可見

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage