Vue 3 + Vuetify 3 + TypeScript -如何访问vuetify prop 定义?

nfzehxib  于 2022-12-19  发布在  TypeScript
关注(0)|答案(1)|浏览(656)

我想访问Vuetify 3 props定义的VSelect组件。这样我就可以设置相同的定义到我的自定义组件。
下面是我的自定义元素的代码:

<template>
    <v-select v-bind="{ ...$attrs, ...$props }">
        <template v-for="(_, name) in $slots" v-slot:[name]="slotData"><slot :name="name" v-bind="slotData"></slot></template>
    </v-select>
</template>

<script setup lang="ts">
import { VSelect as test } from 'vuetify/components/VSelect';

defineProps<test>();
// ERROR : [plugin:vite:vue] [@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.

</script>
brccelvz

brccelvz1#

当前不支持导入defineProps<T>()的类型。请参阅限制
您可以导入props对象并将其传递给defineProps(objectHere)

相关问题