typescript如何限定键值类型为字符且为指定字符串？

Question

在使用 vue3+ts 开发中，如何限制传入的参数 type 值类型为 string 且为指定的三个字符串之一

<script setup lang="ts">
    import { ref } from "vue";
    const props = defineProps({
        type: String,
    });
    const bgColor = ref("");
    if (props.type === "number") {
        bgColor.value = "#aaa";
    } else if (props.type === "operator") {
        bgColor.value = "##ed8e09";
    } else if (props.type === "other") {
        bgColor.value = "#fafafa";
    }
</script>

Answer 1

const props = defineProps<{
    type?: 'number' | 'operator' | 'other'
}>();