vue如何获取子组件的实例,方法和数据
利用ref获取子组件的实例
·
利用ref指向获取子元素实例
ref放在普通标签上,拿到的就是普通标签本身
ref放在子组件上,拿到的就是子组件对象
-通过这种方式实现子传父(this.$refs.mychild.text)
-通过这种方式实现父传子(调用子组件方法传参数)
<template>
<div>
<son ref="son" />
</div>
</template>
<script>
import son from '@/components/SonFile.vue'
export default {
components: {
son
},
mounted() {
console.log(this.$refs.son,"我是子组件的实例")
},
}
</script>
更多推荐
已为社区贡献7条内容
所有评论(0)