323 - Prop验证

[laowang7532]

<script setup lang='ts'>
 
defineProps({
  type: {
    type:String,
    default:'default',
    validator(value){
 	return['primary','ghost','dashed','link','text','default'].includes(value)
    }
  },
})
</script>

<template>
  <button>Button</button>
</template>

[violet-mio-work]

通俗易懂

[laowang7532]

// 换一种方式 用vue api  withDefaults
<script setup lang="ts">
interface Button{
  type: 'primary' | 'ghost' | 'dashed' | 'link' | 'text' | 'default'
}
withDefaults(defineProps<Button>(),{
  type:'default'
})
</script>

<template>
  <button>Button</button>
</template>