子组件获取父组件数据
interface porpsData{
type:string,
phone:string
}
const prop:porpsData=defineProps<{
type:{
type:string,
default:"center"
},
phone:{
type:number|string
}
}>()
父组件
<data :type="top" :hpone="123456"></data>
父组件调用子组件方法
子组件
const open=()=>{
console.log("“子组件方法”)
}
/**
* 对外暴露子组建方法
* 这里最终的就是这个代码,需要吧子组件的属性和方法暴漏出去,这样父组件才可以代用不然会提示组件不存在
*/
defineExpose({
open
})
父组件调用
const resPhone:any=ref(null)
// 调用子组件的方法/属性
resPhone.value.open()