首页 前端知识 vue3 typescript 子控件props中type类型自定义

vue3 typescript 子控件props中type类型自定义

2024-05-13 10:05:09 前端知识 前端哥 887 374 我要收藏

1.字符串数组

defineProps({
  acb: Array as () => string[]
})

2.简单对象

defineProps({
  company: Object as () => ({name: string, domain: string})
})

3.自定义类型

type Compay={ name:string,domain:string }

defineProps({ compmay: {
        type:Object as ()=> Compay
} })

-------------------------------------------------------------
interface Person {
  name:string
}

defineProps({
    person:{
      type:Object as ()=> Person
    }
})

4.函数

import { PropType } from 'vue'

type func=(args?: string[])=> string

defineProps({
     func:{
        type: Function as ()=> PropType<func>
     }
})

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8488.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!