Skip to content

uniapp开发支付宝小程序

父组件调用子组件方法

在uniapp的使用vue3的语法来进行父子组件交互

父组件

<div class="turntable_mian">
	<mainTurntale ref="refmainDisc" :turnnum="userInfo.number" @turnover="finshTurn" @toast="showToastfrom"></mainTurntale>
</div>
scri
<script setup>
const refmainDisc = ref(null)
	const RotatingDiscHander = ()=>{
	refmainDisc.value.sendShakeRequest()
}
</script>

子组件

<div>
    .....
</div>
<script setup>
const sendShakeRequest =()=>{

}
defineExpose({
	sendShakeRequest
})
</script>

父组件如果想使用子组件的方法,必须在子组件中使用defineExpose将其导出才可

最近更新