Vue.js之父组件调用子组件的方法、获取子组件的数据
本文介绍父组件如何直接操纵子组件的方法和数据
·
本文主要介绍父组件如何操纵子组件的方法及数据。注:this指Vue实例对象
1.通过children[0]调用子组件的方法
this.$children[0].sonFunc();
2.通过$refs获取子组件的数据
子组件使用时绑定ref:
<soncom ref="son"></soncom>
console.log(this.$refs.son.msg);
3.通过$refs中的$el获取子组件根元素的内容
this.$refs.son.$el.innerHTML
4.此外,还可通过ref获取页面的元素
<div ref="firstBtn"><button @click="btnClick">点击</button></div>
通过以下代码获取:
this.$refs.firstBtn
更多推荐
已为社区贡献2条内容
所有评论(0)