<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. 首先必须设...
- 我们经常会说不能在子组件里面直接修改父组件的数据,但是这里如果父组件是一个对象的数据,那么改变对象的属性值这样是不...