父子组件操作

父组件向子组件传和 子组件向父组件传值

<!--子组件转值-->
 <script lang='ts' setup>
const props = defineProps({
  Art_Code: { type: String, default: "..." },
});
    
 const emit = defineEmits([
        'getCode',
    ]);
 emit("getCode",data);
</script>
<!--父组件-->
 <Cinformation :Art_Code='Art_Code' @getCode="getCode"></Cinformation>
 <script lang='ts' setup>
    const getCode = (data)=>{
        console.log(data);
    }
    </script>

点击查看父组件调用子组件方法

<!--子组件-->
 <script lang='ts' setup>
  defineExpose({
        tetse(){
            alert('hello world')
        }
    })
</script>

<!--父组件-->
<TheVideoFrame ref="TheVideoFrameRef"></TheVideoFrame>
 <script lang='ts' setup>
let TheVideoFrameRef = ref()
 TheVideoFrameRef.value.tetse()
</script>