×

vue3 defineProps:引入定义的接口报错

作者:Terry2023.05.28来源:Web前端之家浏览:2107评论:0
关键词:vue3

vue3 defineProps:引入定义的接口报错。

在setup语法糖使用了defineProps,然而在定义类型的时候一旦将接口暴露出去引用就发生了报错

问题相关代码

interface Props {
    /* ... */
}
export {
    type Props
}
<script setup lang="ts">
    import { Props } from '.'
    const props = defineProps<Props>()
</script>

运行结果及报错内容

[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type.

我的解答思路和尝试过的方法。

在组件中直接定义接口就不会报错,我想要达到的结果,将接口封出去进行引用。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/vue320230528a1.html

网友评论文明上网理性发言 已有0人参与

发表评论: