Vue3 + TS 写移动端组件时 props 类型报错怎么办？

UX奕森提问于 2026-03-14 20:25:20 阅读 2

移动

我在用 Vue3 和 TypeScript 开发一个移动端按钮组件，给 props 定义了类型，但控制台一直报“类型不匹配”的警告。明明传的是字符串，却提示期望是 string | undefined，这咋回事？

试过加 required: true 也没用，是不是写法有问题？

<script setup lang="ts">
interface Props {
  variant: 'primary' | 'secondary'
}
const props = defineProps<Props>()
</script>

<template>
  <button :class="btn-${props.variant}">点我</button>
</template>

类型系统

我来解答赞 2 收藏

反馈

暂无解答