Weboldal keresés

typescript - Hogyan használjuk helyesen a Pinia store-t a gyökér Vue komponensben?

Az én main.ts fájlom:

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('

További információ →

vue.js - Pinia és TypeScript használatakor hogyan használhatunk egy Action-t az állapot (State) beállításához?

Van egy Pinia + TypeScript áruházam user.ts néven, ami így néz ki:

import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: null

További információ →

javascript - pinia használata komponensen kívül "nincs aktív pinia" hibát okoz

Egy Vue.js 3 projekten dolgozom, amit a ViteSse sablonnal építettem, és szeretném használni az egyik Pinia store-omat, amelynek neve notificationStore, a setup komponensen kívül, de a dev parancs futtatásakor a következő hibát kapom: getActivePinia called with no active Pinia. Did you forget to install Pinia. A viselkedése olyan furcsa, mert nem jelentkezik, ha a useNotificationStore-t a dev szerver betöltése után hívom, és ilyenkor jól működik, de ha a useNotificationStore létez

További információ →

vue.js - Pinia tároló átadása propként Vue3 és TypeScript használatával

Typescriptet, Piniát és Vue3-at használok, és van egy MenuButton komponensem, amelyhez szeretném, ha át tudnék adni egy Piniá store-t, amelyet a menü nyitott állapotának kezelésére, valamint a megjelenítés/elrejtés műveletekhez használnak. Az alkalmazásban több különböző menü van, ezért

További információ →

typescript - Hogyan lehet használni egy Pinia tárolóban definiált tömböt?

Létrehoztam egy áruházat, hogy használni tudjam a User erőforrást, és ennek az áruháznak van egy szerepkörök tömbje. Amit próbálok csinálni, az az, hogy keressek egy specifikus szerepkört abban a tömbben. Megpróbáltam használni a tömb függvényeit, de nem működik PropType<T[]>-tel.

import router from "@/

További információ →

typescript - ts(2769) Nincs megfelelő túlterhelés ehhez a híváshoz, amikor a $patch-et használják egy Ref-n a Pinia tárolóban

Elakadtam egy TypeScript problémánál. A kód valójában működik, csak egy IDE hibát dob nekem, mert próbálom használni a $patch függvényt a Piniában.

Itt van az én boltom:

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

Itt van a k

További információ →

typescript - A Pinia elvesztette a típusait a gyári minta használatakor

A projektem szükségleteihez létre kell hoznom egy storeFactory-t a pinia store létrehozásának modulálásához.

Kifejezetten eltávolítottam itt a paramétereket, és egyszerűsítettem a kódpéldát.

Amikor az A fájlban vagyok, a storeFactory típusa automatikusan helyesen kerül lekérésre

Amikor B fájl vagyok, a típus elveszik, és csak ez következtethető ki

StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...&

További információ →

typescript - Nuxt Pinia: Nem importálható a név szerinti export 'computed' nem EcmaScript modulból (csak az alapértelmezett export érhető el)

Nem tudom használni a Piniát a Nuxt 2.15.8-ban és a Vue 2.7.10-ben TypeScript-tel, sok módszert próbáltam, és sok függőséget telepítettem, de egyszerűen nem működik, annyi mindent próbáltam, hogy újra kellett indítanom a fő mappáimat a GitHubon; telepítettem ezeket a függőségeket

"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"

A beépített modulokban megpr

További információ →

typescript - A Pinia useStore bármilyet ad vissza

Pinia-t használok Vue3-mal és TypeScript-tel. A bolt különböző típusozási módjait használva nem tudtam a boltot más típusúra típusozni, mint any.

Íme a megvalósítás:

import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), });

Bárhol is im

További információ →

typescript - Pinia állapot meghatározása egy interfész alapján anélkül, hogy minden tulajdonságot újra kézzel hoznánk létre

Próbálom megvalósítani az állapotkezelést (pinia) egy SPA-ban. Typescriptet használunk, és kíváncsi vagyok, van-e mód arra, hogy egy állapotot egy interfész alapján definiáljunk anélkül, hogy újra kellene típust adni minden egyes tulajdonságnak az állap

További információ →