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>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 子组件
<div>
.....
</div>
<script setup>
const sendShakeRequest =()=>{
}
defineExpose({
sendShakeRequest
})
</script>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
父组件如果想使用子组件的方法,必须在子组件中使用defineExpose
将其导出才可
编辑 (opens new window)
上次更新: 2025/01/07, 6:01:00