美文网首页Vue学习笔记
Vue学习笔记(十):获取跨层级组件实例

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

作者: smartHui | 来源:发表于2019-05-27 18:04 被阅读0次

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

    场景:1、e-charts

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

    this.$refs.xxx

    获取DOM p

    获取父组件 parent.ref

    获取子组件 child.ref

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

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

    v-ant-ref

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/wuaogqtx.html