vue.js - 在 Vue JS 中忽略父级调用组件的子级

Question

我有如下图所示的组件架构，目前当我想从 app.vue 调用表时，我必须写

this.$refs.list.$refs.table

有什么方法可以忽略我可以直接调用 table 的 $refs.list 吗？像

this.$refs.table

标签： vue.js

Answer 1

做一个透明的 ref 是不可能的。

Refs 用于调用嵌套实例上的方法。为了不深入，您应该在列表中有一个方法，该方法将调用表中的方法。

您需要在需要嵌套 ref 的组件中进行组合，通常不会这样做。getA (). getB (). doSomething ();