如何让自定义组件在使用时有类型提示和类型约束?

// CustomBlock.vue

<template>

<div>{{ name }}</div>

</template>

<script lang="ts" setup>

defineProps<{

name: string

}>()

</script>

<style scoped></style>

// index.vue

<CustomBlock :name="5"></CustomBlock>

在 index.vue 文件中如果把鼠标悬停在 CustomBlock 标签上,可以查看到该组件的类型,但是在书写属性时,并没有属性的提示,而且设置 :name="5" 并没有因为类型问题而标红线。目前开启了 typescript 和使用了 volar 插件,请问有什么方法可以触发提示,例如在书写属性时会提示组件所支持的属性,而且在属性类型不符合时标红,最好包括了对属性值的类型提示


回答:

我这边看是没有问题的。建议检查一下是不是有什么插件和volar冲突了

以上是 如何让自定义组件在使用时有类型提示和类型约束? 的全部内容, 来源链接: utcz.com/p/933283.html

回到顶部