<script lang="ts" setup>
import { defineComponent, PropType } from 'vue';
interface MyObject {
key1: string;
key2: number;
}
const props = defineProps({
propData: {
type: [String, Object] as PropType<string | MyObject>,
required: true,
default:''
}
})
</script>
vue3父组件可能传入子组件一个对象,也可能是字符串,子组件的props 如何用ts语法定义?
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 今天在开发中遇到一个问题,父组件给子组件传值,使用了props,需要子组件修改父组件传入的值后告诉父组件值变成了多...
- 上节课我们写了一个计数器组件,但是它每次初始化显示出来都一样,我们这节课学习通过父组件给子组件传值,根据传递不同的...
- 1. 父组件 向子组件loginPhone传递tel参数 phone是在reactive定义的变量也可是是ref定...
- 重点: 如何接受props 并 传入子组件data中 需求: 每次点击, 传入相应内容, 做法: 1. 首先必须设...
- 我们经常会说不能在子组件里面直接修改父组件的数据,但是这里如果父组件是一个对象的数据,那么改变对象的属性值这样是不...