Vue学习笔记

Vue学习笔记(十):获取跨层级组件实例

2019-05-27  本文已影响0人  smartHui

组件实例(正常到数据层)

场景:1、e-charts

2、input结点手动处于focus状态

this.$refs.xxx

获取DOM p

获取父组件 parent.ref

获取子组件 child.ref

跨级获取组件:递归(麻烦),而且存在的问题是:子组件实例更新了,实例并不能缓存,父组件不能及时的知道更新

ref是一个回调,可以在回调中处理

v-ant-ref

bind:实例调用回调,传递过去

更新的时候,把新的实例告诉上层节点

上一篇下一篇

猜你喜欢

热点阅读