使用defineProps时，如果使用泛型来定义props时，如何定义required,default这些属性

来源：4-9 Dropdown 组件添加 DropdownItem

精慕门6010686

2022-05-29

defineProps<{
title: string
}>();

如果title设置默认的值或者设置为默认不传，应该怎么设置

写回答

1回答

张轩

2022-05-30

同学你好

文档中有详细的说明：https://vuejs.org/api/sfc-script-setup.html#typescript-only-features

可选很简单，就是使用ts 的问好啊～

const props = defineProps<{  foo: string  bar?: number}>()

假如是默认值的话，可以使用一个新的类型帮助的函数 withDefaults

interface Props {  
    msg?: string  
    labels?: string[]
}
const props = withDefaults(
    defineProps<Props>(), 
    {  msg: 'hello',  labels: () => ['one', 'two']}
)

昭阳a

把title写成个对象就可以了

2022-05-30

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

vuex使用命名空间模块化后如何使得store具备类型？

回答 1

关于使用props和定义emits的一点疑问

回答 2

怎么描述一个Vue组件实例的类型啊

回答 1

为什么使用v-model，而不用emit或者mitt呢？

回答 1

如何单元测试.tsx文件中setup定义的方法？

回答 1

打开慕课网App查看更多内容