Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • V005-父组件如何获取子组件的属性和方法

V005-父组件如何获取子组件的属性和方法

vue中通过在子组件上定义ref属性来获取子组件的属性和方法,

// 这里是父组件
<templete>
	<child ref="child"/>
</templete>


<script>
method: {
	getChild () {
		this.$refs.child.属性名(方法名)
	}
}
</script>


另外详细说一下ref的三种用法:

	ref的3种使用场景:

	ref 加在普通的元素上,用this.$refs.name 获取到的是dom元素。
	ref 加在子组件上,在父组件中用this.$refs.name 获取到的是组件实例,可以调用组件的所有属性和方法。
	ref和v-for一起使用,用this.$refs.name获取到的将会是一个包含了对应数据源的这些子组件或者DOM元素的数组。
	
Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人