Bagaimana untuk menyelesaikan masalah yang dihadapi oleh VUE3+TS dalam mendapatkan jenis komponen

Kaedah VUE3+TS untuk mendapatkan perangkap jenis komponen

Kaedah mendapatkan jenis komponen

const AccountRef = ref<InstanceType<typeof LoginAccount>>()

perangkap yang dihadapi

typeof LoginAccount terus melaporkan ralat gesaan baris merah

LoginAction: () => vo...' provides no match for the signature 'new (...args: any): any'.

Punca masalah

Saya menggunakan pengekodan badai web, dan mencipta fail vue melalui klik kanan webstorm sendiri, dan fail yang dibuat tidak mempunyai defineComponent. Oleh itu, garis merah yang disebut di atas sentiasa dilaporkan

<script lang="ts">
export default {

}
</script>

Penyelesaian

Rujuk kepada defineComponent

<script lang="ts">
import { defineComponent } from &#39;vue&#39;
export default defineComponent({//注意这里的这个小括号不能漏

})
</script>

VUE3+TS untuk mendapatkan contoh ref komponen

Apabila menggunakan vue3 dan ts, Untuk mendapatkan contoh ref komponen, anda perlu menentukan jenis dalam generik fungsi ref.

Bagaimana untuk mendapatkan jenis komponen?

Sokongan TypeScript dalam dokumentasi rasmi vue telah memberitahu kami kaedah untuk mendapatkan jenis komponen InstanceTypef9b6eb30120e4f46d5ca46914342d2de

digunakan seperti berikut:

const $userForm = ref<InstanceType<typeof userForm>>();

.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah yang dihadapi oleh VUE3+TS dalam mendapatkan jenis komponen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!