Vue3调用直接子组件的方法

刘哈哈哈哈

已于 2024-04-22 15:36:29 修改

阅读量94

点赞数 1

分类专栏： vue3 前端文章标签：前端 vue

于 2024-04-22 15:30:41 首次发布

本文链接：https://blog.csdn.net/lxy123456qqq/article/details/138078263

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

Vue3调用直接子组件的方法

方法一

	<ListNav ref="listNavRef"></ListNav>
	//引入
	<script setup lang="ts">
	import { getCurrentInstance} from 'vue';
	import ListNav from './list-nav.vue';
	const listNavRef = ref<InstanceType<typeof ListNav> | null>(null);
	listNavRef.value?.handleReset();
	//或者
	const { proxy } = <any>getCurrentInstance();
	proxy.$refs.listNavRef.handleReset();
	</script>

方法二

    <ListNav ref="listNavRef"></ListNav>
	//引入
	<script setup lang="ts">
	import { getCurrentInstance} from 'vue';
	import ListNav from './list-nav.vue';
	const { proxy } = <any>getCurrentInstance();
	proxy.$refs.listNavRef.handleReset();