uniapp vue3关于setup语法ref父组件使用子组件方法失效问题

最新推荐文章于 2024-04-16 22:17:02 发布

前端专业写bug

最新推荐文章于 2024-04-16 22:17:02 发布

阅读量648

点赞数 7

文章标签： uni-app 前端 javascript vue

本文链接：https://blog.csdn.net/bs521521/article/details/135763083

版权

setup下默认不暴露子组件的方法

所以不需要将子组件的方法暴露出去 defineExpose就可以了

<script lang="ts" setup>
const getList = () => {
		//子组件方法
	}
	defineExpose({
		getList
	})
</script>

父组件使用

<template>
	<view class="page">
<home v-if="PageCur==0" @getPageCur='getPageCur' ref="Home"></home>
	</view>
</template>
<script lang="ts" setup>
const Home = ref(null)
const getSon = () => {
		Home.value.getList()
		//父亲组件方法
	}

</script>