vue.js - Vue 2/تایپ‌اسکریپت، چگونه یک prop را به صورت خطی تبدیل کنیم؟
من یک پروژه Vue 2 NuxtJS با Typescript راه‌اندازی کرده‌ام و می‌خواهم از کلیدواژه unknown در Typescript استفاده کنم.
در کامپوننت من، یک prop دریافت می‌کنم که به این صورت اعلام شده است
props: { items: { type: Array as () => LabelValuePair[], required: true, }, }, ادامه مطلب →vue.js - اعتبارسنجی props در Vue 3 با تایپ‌اسکریپت هم در زمان کامپایل و هم در زمان اجرا
تیم من در حال ساخت یک کتابخانه کامپوننت Vue 3 است. با افزایش مقیاس پروژه، ما آن را با تایپ‌اسکریپت بازسازی کردیم تا تجربه توسعه بهتری داشته باشیم.
اما قضیه این است - تیم‌هایی هستند که از کتابخانه ما در محیط‌های مختلف استفاده می‌کنند، چه با تایپ‌اسکریپت و باندلر و چه بدون آنها، که به ا
ادامه مطلب →جاوااسکریپت - vue-apollo - خصوصیت 'value' در نوع 'Readonly>>' وجود ندارد
وضعیت:
من در حال تلاش برای ادغام vue-apollo نسخه ۴ با تایپ‌اسکریپت هستم.
من با استفاده از 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 const { ادامه مطلب →vuejs3 - کامپوننت vue3 با تایپ‌اسکریپت نمی‌تواند متدی در میکسین سراسری فراخوانی کند
من حدود یک هفته است که با این مشکل دست و پنجه نرم می‌کنم، بنابراین اگر کسی می‌داند، ممنون می‌شوم اگر بتواند کمک کند.
من در حال تبدیل کد مبتنی بر Vue2 به Vue3 به عنوان یک پروژه جدید هستم. من از Composition API استفاده نمی‌کنم، بلکه از آن به صورت یک کامپوننت مبتنی بر شیء استفاده می‌کنم.
از آنجا که ماژول‌های خارجی نوشته شده با تایپ‌اسکریپت نیز وارد شده و استفاده می‌شوند، کامپوننت با defineComponent() احاطه شده است.
همه چیز درست کار می‌کند، اما قسمت میکسین سراسری مشکل است. همان
ادامه مطلب →تایپ‌اسکریپت - استوری‌بوک ویو در ابتدا کامپوننت را رندر نمی‌کند
کتاب داستان به خوبی کار می‌کند، به جز اینکه در ابتدا مؤلفه را «رندر» نمی‌کند.
- می‌توانید در اسکرین‌شات ببینید که قالب مؤلفه به نوعی استفاده می‌شود، وگرنه استوری‌بوک از چیدمان پایه مؤلفه مطلع نمی‌شد.
- شما همچنین می‌توانید ببینید که اقدامات به درستی فراخوانی می‌شوند.
- تنها مشکلی که واقعاً می‌توانم ببینم این است که در ابتدا Storybook سعی می‌کند همه props که کامپوننت دارد را تغییر دهد. نمی‌دانم چرا.
- این خطا در فایل‌های جاوااسکریپت و تایپ‌اسکریپت رخ می‌دهد.
- ادامه مطلب →
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()], reso ادامه مطلب →vue.js - چگونه می‌توانم Vue3 + Stripe + Typescript را یکپارچه کنم؟
من در حال ایجاد یک برنامه Vue3 هستم، دارم سعی می‌کنم آن را با استرایپ یکپارچه کنم، اما نمی‌توانم.
این کامپوننت 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 = useSho ادامه مطلب →تایپ اسکریپت - دسترسی به فهرست های جهانی در vue
چگونه می‌توانم از شمارنده‌های سراسری در Vue استفاده کنم، یا راه دیگری برای اعلان آنها چیست؟
من تنظیمات زیر را دارم:
در types/auth.d.ts من:
export {}; declare global { enum MyEnum { some = "some", body = "body", once = "once", told = "told", 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() WebAssembly. ادامه مطلب →جاوااسکریپت - Vue 3 و Axios با اضافه بار خطا برمی‌گردانند
در حال حاضر از vue 3/vite/axios/typescript استفاده می‌کنم. تابع من در حالت توسعه کار می‌کند. با این حال، در IDE من در هنگام کار با IDE و هنگام ساخت خطا برمی‌گرداند.
get count() { axios({ method: "get", url: "/info/count", headers: authHeader(), }) . ادامه مطلب →