vue.js - Vue 2/Typescript, πώς να κάνετε τύπο σε ένα prop inline;

Έχω ένα έργο Vue 2 NuxtJS ρυθμισμένο με Typescript και θα ήθελα να επωφεληθώ από τη λέξη-κλειδί unknown στο Typescript.

Στο συστατικό μου, λαμβάνω ένα prop που δηλώνεται ως εξής

props: { items: { type: Array as () => LabelValuePair[], required: true, }, },

Lab

Διαβάστε περισσότερα →

vue.js - Έλεγχος των props στο Vue 3 με Typescript τόσο κατά τη μεταγλώττιση όσο και κατά την εκτέλεση

Η ομάδα μου κατασκευάζει μια βιβλιοθήκη στοιχείων Vue 3. Καθώς το έργο επεκτείνεται σε μεγαλύτερη κλίμακα, το αναδιατάξαμε χρησιμοποιώντας TypeScript για να έχουμε καλύτερη εμπειρία ανάπτυξης.

Αλλά να τι συμβαίνει - υπάρχουν ομάδες που χρησιμοποιούν τη βιβλιοθήκη μας σε διάφορα περιβά

Διαβάστε περισσότερα →

javascript - vue-apollo - Η ιδιότητα 'value' δεν υπάρχει στον τύπο 'Readonly>>'

Η ΚΑΤΑΣΤΑΣΗ:

Προσπαθώ να ενσωματώσω το vue-apollo v4 με Typescript.

Ανάκτω ένα απλό ερώτημα χρησιμοποιώντας το useQuery και το useResult.

Το useResult από προεπιλογή επιστρέφει αυτόν τον τύπο: Readonly<Ref<Readonly<any>>>

Ο ΚΩΔΙΚΑΣ:

import { GET_COUNTRY } from '../graphql/queries' import { Country } from '../types' setup() { const route = useRoute() const code = route.params.code con

Διαβάστε περισσότερα →

vuejs3 - το component Vue3 με TypeScript δεν μπορεί να καλέσει μέθοδο σε global mixin

Έχω δυσκολευτεί με αυτό για περίπου μια εβδομάδα τώρα, οπότε αν κάποιος ξέρει, θα ήμουν ευγνώμων αν μπορούσατε να με βοηθήσετε.

Έχω μετατρέψει κώδικα βασισμένο στο vue2 σε vue3 ως νέο έργο. Δεν χρησιμοποιώ το Composition API, αλλά το χρησιμοποιώ με τον τρόπο των αντικειμενοστραφών components.

Δεδομένου ότι εξωτερικά modules γραμμένα σε TypeScript επίσης εισάγονται και χρησιμοποιούνται, το component περιβάλλεται με το defineComponent().

Όλα λειτουργούν καλά, αλλά το μέρος με

Διαβάστε περισσότερα →

typescript - Το Vue storybook δεν εμφανίζει το component αρχικά

Το βιβλίο ιστοριών λειτουργεί καλά, εκτός από το ότι δεν «αποδίδει» το στοιχείο αρχικά.

  • Μπορείτε να δείτε στο στιγμιότυπο οθόνης ότι το component-template χρησιμοποιείται κάπως, αλλιώς το storybook δεν θα γνώριζε τη βασική διάταξη του component.
  • Μπορείτε επίσης να δείτε ότι οι ενέργειες καλούνται σωστά ήδη.
  • Το μόνο πραγματικό πρόβλημα που μπορώ να δω είναι ότι αρχικά το storybook προσπαθεί να μεταλλάξει κάθε prop που έχει το component. Δεν ξέρω γιατί.
  • Αυτό τ

    Διαβάστε περισσότερα →

typescript - Το Vite επιλύει λανθασμένα αρχεία στο φάκελο public (έργο Vue)

Η δομή του φακέλου είναι όπως παραπάνω.

vite.config.ts

import { defineConfig } from "vite" import { fileURLToPath, URL } from "url" import vue from "@vitejs/plugin-vue" export default defineConfig({ plugins: [vue()], resolve: { alias:

Διαβάστε περισσότερα →

vue.js - πώς μπορώ να ενσωματώσω Vue3 + Stripe + Typescript;

Δημιουργώ μια εφαρμογή Vue3 και προσπαθώ να την ενσωματώσω με το Stripe, αλλά δεν μπορώ.

αυτό είναι το συστατικό μου Vue3: Checkout.vue

<template> .... ... </template> <script lang="ts" setup> import { onMounted, ref, reactive, computed} from 'vue'; import { loadStripe } from '@stripe/stripe-js' import { useShoppingCart } from '@/stores/shoppingcart' import axios from 'axios' import { useRouter } from 'vue-router'; const shoppingcart = useShop

Διαβάστε περισσότερα →

typescript - Πρόσβαση σε παγκόσμια enums στο vue

Πώς μπορώ να χρησιμοποιήσω παγκόσμια enums στο Vue, ή ένας άλλος τρόπος να τα δηλώσω;

Έχω την ακόλουθη ρύθμιση:

Στο types/auth.d.ts μου:

export {}; declare global { enum MyEnum { some = "some", body = "body", once = "once", told = "told", me = "me&

Διαβάστε περισσότερα →

typescript - Αποτυχία χρήσης της συνάρτησης wasm στο vue

Όταν θέλω να χρησιμοποιήσω wasm στο vue, το πρώτο πράγμα είναι ότι έχω ένα άλυτο πρόβλημα, η συνάρτηση startQuorum στο αρχείο wasm μου δεν μπορεί να βρεθεί.

import { Go } from './wasm_exec' import quorumWasmUrl from './lib.wasm' export const startQuorum = async (bootstraps: Array<string>) => { const go = new Go() We

Διαβάστε περισσότερα →

javascript - vue 3 και axios επιστρέφουν σφάλμα με υπερφόρτωση

Αυτήν τη στιγμή χρησιμοποιώ vue 3/ vite/ axios/typescript. Η συνάρτησή μου λειτουργεί στην ανάπτυξη. Στο IDE μου επιστρέφει όμως σφάλμα τόσο στο IDE όσο και κατά τη δημιουργία.

get count() { axios({ method: "get", url: "/info/count", headers: authHeader(),

Διαβάστε περισσότερα →