vue如何获取子组件的实例,方法和数据
利用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>利用ref指向获取子元素实例 ref放在普通标签上,拿到的就是普通标签本身 ref放在子组件上,拿到的就是子组件对象 -通过这种方式实现子传父(this.$refs.mychild.text) -通过这种方式实现父传子(调用子组件方法传参数)
下一篇:
word表格内文字行间距调整方法