typescript - Cum să folosești corect magazinul Pinia în componenta rădăcină Vue?
Fișierul meu main.ts:
import './assets/tailwind.css' import './assets/wordpress.css' import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import router from './router' const app = createApp(App) app.use(createPinia()) app.use(router) app.mount(' Citeste mai mult →vue.js - Atunci când folosești Pinia și TypeScript, cum folosești un Action pentru a seta State-ul?
Am un magazin Pinia + TypeScript numit user.ts care arată astfel:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: null, Citeste mai mult →javascript - utilizarea pinia în afara unui component generează eroarea no active pinia
Lucrez la un proiect Vue.js 3 construit folosind template-ul ViteSse, vreau să folosesc unul dintre store-urile mele Pinia numit notificationStore în afara componentei setup, dar primesc eroarea getActivePinia called with no active Pinia. Did you forget to install Pinia când rulez comanda dev. Comportamentul este foarte ciudat deoarece nu apare dacă adaug useNotificationStore după ce serverul dev s-a încărcat și funcționează bine, dar când useNotificationStore există în fișierul
Citeste mai mult →vue.js - Transmiterea unui magazin Pinia ca Prop cu Vue3 și TypeScript
Folosesc Typescript, Pinia și Vue3 și am un component MenuButton la care vreau să pot transmite un store Pinia care este folosit pentru starea de deschidere a meniului, precum și acțiunile pentru a arăta/ascunde. Există câteva meniuri diferite în aplicație, motiv pentru care vreau să le
Citeste mai mult →typescript - Cum să folosești un array definit în magazinul Pinia?
Am creat un magazin pentru a folosi resursa User, iar acel magazin are un array de roluri. Ceea ce încerc să fac este să caut un rol specific în acel array. Am încercat să folosesc funcțiile Array, dar nu funcționează cu PropType<T[]>.
import router from "@/router"; import axios from 'axios'; impor Citeste mai mult →typescript - ts(2769) Niciun suprasarcină nu se potrivește acestei apelări atunci când se folosește $patch pe Ref<T> în magazinul Pinia
Sunt blocat cu o problemă de TypeScript. Codul funcționează de fapt, este doar o eroare a IDE-ului care mi se aruncă pentru că încerc să folosesc funcția $patch din Pinia.
Iată magazinul meu:
import { AuthenticationResult } from '@azure/msal-browser' import { defineStore } from 'pinia' import { ref } from 'vue' const useAuthStore = defineStore('auth', () => { const details = ref<AuthenticationResult>() return { details } }) export default useAuthStore Citeste mai mult →typescript - Pinia și-a pierdut tipurile atunci când se folosește patternul factory
Pentru nevoile proiectului meu trebuie să creez un storeFactory pentru a modulariza crearea unui store pinia.
Am eliminat în mod specific parametrii aici și am simplificat exemplul de cod.
Când sunt în Fișierul A, tipul lui storeFactory este preluat automat corect
Când fișierul este B, tipul se pierde și doar acesta poate fi dedus
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick< Citeste mai mult →typescript - Nuxt Pinia: Nu se poate importa exportul numit 'computed' dintr-un modul non EcmaScript (este disponibil doar exportul implicit)
Nu pot folosi Pinia în Nuxt 2.15.8 și Vue 2.7.10 cu Typescript, am încercat multe metode și am instalat multe dependențe, dar pur și simplu nu funcționează, am încercat atât de multe lucruri încât a trebuit să-mi repornesc folderele principale pe GitHub; am instalat aceste dependențe
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"în modulele încorporate
Citeste mai mult →typescript - Pinia useStore returnează any
Folosis Pinia cu Vue3 și TypeScript. Folosind numeroasele moduri diferite de a tasta magazinul, nu am reușit să fac ca magazinul să fie tastat ca altceva decât any.
Iată implementarea:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), }); Citeste mai mult →typescript - Definește starea pinia pe baza unei interfețe fără a crea fiecare proprietate din nou manual
Încerc să implementez managementul stării (pinia) într-o aplicație SPA. Folosim TypeScript și mă întreb dacă există vreo modalitate de a defini o stare bazată pe o interfață fără a fi nevoie să tipăresc din nou fiecare proprietate din stare. Practic, să
Citeste mai mult →