Wyszukiwanie w witrynie
typescript - Jak prawidłowo używać sklepu Pinia w głównym komponencie Vue?
Mój 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') Czytaj więcej →vue.js - Jak używać akcji do ustawiania stanu w Pinia i TypeScript?
Mam magazyn Pinia + TypeScript o nazwie user.ts, który wygląda tak:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: nul Czytaj więcej →javascript - użycie pinia poza komponentem powoduje błąd brak aktywnej pinia
Pracuję nad projektem Vue.js 3 zbudowanym przy użyciu szablonu ViteSse. Chcę użyć jednego ze swoich Pinia store'ów o nazwie notificationStore poza komponentem setup, ale otrzymuję błąd getActivePinia called with no active Pinia. Did you forget to install Pinia po uruchomieniu polecenia dev. Jego zachowanie jest bardzo dziwne, ponieważ nie występuje, jeśli dodam useNotificationStore po załadowaniu serwera deweloperskiego i wtedy działa poprawnie, ale kiedy useNotificationStore zna
Czytaj więcej →vue.js - Przekazywanie sklepu Pinia jako właściwości w Vue3 i TypeScript
Używam Typescript, Pinia i Vue3 i mam komponent MenuButton, do którego chcę móc przekazać sklep Pinia używany do stanu otwarcia menu, a także akcje do pokazywania/ukrywania. W aplikacji jest kilka różnych menu, dlatego chcę móc je przekazywać, a wszystkie używają tej samej fabryki do def
Czytaj więcej →typescript - Jak korzystać z tablicy zdefiniowanej w sklepie Pinia?
Stworzyłem sklep, aby używać zasobu User, a ten sklep ma tablicę ról. To, co próbuję zrobić, to wyszukać konkretną rolę w tej tablicy. Próbowałem użyć funkcji tablicowych, ale nie działa to z PropType<T[]>.
import router from "@/router"; import axios from 'axios'; import { defineStore } from " Czytaj więcej →typescript - ts(2769) Żadne przeciążenie nie pasuje do tego wywołania przy użyciu $patch na Ref w sklepie Pinia
Utknąłem przy problemie z TypeScriptem. Kod faktycznie działa, to po prostu błąd IDE, który pojawia się, gdy próbuję użyć funkcji $patch z Pinia.
Oto mój sklep:
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 useAuthStoreOto mój kod, który p
Czytaj więcej →typescript - Pinia straciło swoje typy przy użyciu wzorca fabryki
Dla potrzeb mojego projektu muszę stworzyć storeFactory, aby modulować tworzenie sklepu Pinia.
Specjalnie usunąłem tutaj parametry i uprościłem przykład kodu.
Kiedy jestem w Pliku A, typ storeFactory jest automatycznie poprawnie pobierany
Kiedy jestem w pliku B, typ zostaje utracony i można wnioskować tylko to
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...> Czytaj więcej →typescript - Nuxt Pinia: Nie można zaimportować nazwanego eksportu 'computed' z modułu niebędącego EcmaScript (dostępny jest tylko eksport domyślny)
Nie mogę używać Pinia w Nuxt 2.15.8 i Vue 2.7.10 z TypeScriptem, próbowałem wielu metod i zainstalowałem wiele zależności, ale po prostu to nie działa, próbowałem tylu rzeczy, że musiałem zrestartować moje główne foldery na GitHub; zainstalowałem te zależności
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"W modułach wbudowanych próbuję użyć Pinia, ale t
Czytaj więcej →typescript - Pinia useStore zwraca any
Używam Pinia z Vue3 i TypeScript. Korzystając z wielu różnych sposobów typowania magazynu, nie byłem w stanie sprawić, aby magazyn był typowany jako cokolwiek innego niż any.
Oto implementacja:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), }); Czytaj więcej →typescript - Zdefiniuj stan pinia na podstawie interfejsu bez ręcznego tworzenia każdej właściwości
Próbuję zaimplementować zarządzanie stanem (pinia) w SPA. Używamy TypeScript i zastanawiam się, czy istnieje sposób, aby zdefiniować stan na podstawie interfejsu bez konieczności ponownego definiowania każdego pojedynczego właściwości w stanie. W zasadz
Czytaj więcej →