vue中组件访问
父访问子:父组件中拿到子组件对象,直接操作子组件中的东西,直接调用子组件中的data、methods。
1. 父组件直接访问子组件:
1.1 this.$children 是一个数组类型,包含所有子组件对象
1.2 this.$refs 是一个对象类型,持有注册过 ref属性的所有 DOM 元素和组件实例, 默认是一个空对象,只有在组件上加ref="xxx",才会追加到this.$refs 对象中,然后通过对象访问的方式访问子组件中的值、方法(this.$refs.xxx.值/方法),拿到特定的一个组件。
2. 子组件直接访问父组件:this.$parent
3.子组件访问Vue实例:this.$root 当前组件树的根 Vue 实例。如果当前实例没有父实例,此实例将会是其自己。
本文来自博客园,作者:jxweber,转载请注明原文链接:https://www.cnblogs.com/jxweber/p/16693234.html
浙公网安备 33010602011771号