typescript - Hvordan bruger man korrekt Pinia store i rod Vue-komponent?
Min 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('#app') Læs mere →vue.js - Når man bruger Pinia og TypeScript, hvordan bruger man en Action til at sætte State?
Jeg har en Pinia + TypeScript store kaldet user.ts, som ser sådan ud:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: n Læs mere →javascript - brug pinia uden for komponent giver fejl om ingen aktiv pinia
Jeg arbejder på et Vue.js 3-projekt bygget ved hjælp af ViteSse-skabelonen. Jeg vil gerne bruge en af mine Pinia-stores kaldet notificationStore uden for setup-komponenten, men jeg får fejlen getActivePinia called with no active Pinia. Did you forget to install Pinia, når jeg kører dev-kommandoen. Dets opførsel er så mærkelig, fordi det ikke sker, hvis jeg tilføjer useNotificationStore efter, at dev-serveren er indlæst, og det fungerer godt, men når useNotificationStore findes i
Læs mere →vue.js - Videregivelse af en Pinia Store som en Prop med Vue3 og TypeScript
Jeg bruger Typescript, Pinia og Vue3 og har en MenuButton-komponent, som jeg gerne vil kunne sende en Pinia-store til, der bruges til menuens åbningstilstand samt handlingerne for at vise/skjule. Der er et par forskellige menuer i appen, derfor vil jeg gerne kunne sende dem ind, og de br
Læs mere →typescript - Hvordan bruger man et array defineret i Pinia store?
Jeg oprettede en butik for at bruge User-ressourcen, og den butik har et array af roller. Hvad jeg prøver at gøre er at søge efter en specifik rolle i det array. Jeg prøvede at bruge Array-funktionerne, men det virker ikke med PropType<T[]>.
import router from "@/router"; import axios from 'axios'; Læs mere →typescript - ts(2769) Ingen overbelastning matcher dette kald ved brug af $patch på Ref<T> i Pinia store
Jeg sidder fast på et TypeScript-problem. Koden fungerer faktisk, det er bare en IDE-fejl, der bliver vist for mig, når jeg prøver at bruge $patch-funktionen fra Pinia.
Her er min butik:
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 Læs mere →typescript - Pinia mistede sine typer, når der bruges factory-mønster
For behovet af mit projekt har jeg brug for at oprette en storeFactory for at modulere oprettelsen af en pinia store.
Jeg fjernede specifikt parametrene her og forenklede kodeeksemplet.
Når jeg er i Fil A, bliver typen af storeFactory automatisk hentet korrekt
Når jeg er på fil B, går typen tabt, og kun dette kan udledes
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...> Læs mere →typescript - Nuxt Pinia: Kan ikke importere den navngivne eksport 'computed' fra ikke-EcmaScript modul (kun standardeksport er tilgængelig)
jeg kan ikke bruge Pinia i nuxt 2.15.8 og Vue 2.7.10 med Typescript, jeg har prøvet mange metoder og installeret mange afhængigheder, men det virker bare ikke, jeg har prøvet så mange ting, at jeg måtte genstarte mine hovedmapper på github; jeg installerede disse afhængigheder
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"I indbyggede moduler prøver jeg
Læs mere →typescript - Pinia useStore returnerer any
Jeg bruger Pinia med Vue3 og TypeScript. Ved at bruge de mange forskellige måder at typen på butikken har jeg ikke været i stand til at få butikken til at blive typet som andet end any.
Her er implementeringen:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as Da Læs mere →typescript - Definer pinia-tilstand baseret på et interface uden at oprette hver egenskab igen manuelt
Jeg prøver at implementere tilstandsstyring (pinia) i en SPA. Vi bruger TypeScript, og jeg spekulerer på, om der er nogen måde at definere en tilstand baseret på et interface uden at skulle taste hver enkelt egenskab i tilstanden igen. Grundlæggende, fo
Læs mere →