将数据传递到插槽中的组件

Question

背景：我想为openlayers创建一个Vue.js包装器。我记得API可以像这样使用：

<mv-map :center="..." :zoom="..." :projection="...">
  <mv-layer ...>
    <mv-source ...>
      ...
    </mv-source>
  </mv-layer>
</mv-map>

我喜欢保留这种开放式界面，因为图层可能会嵌套。

我的问题是我在ol.Map组件中创建了一个mv-map对象，我不得不在mv-layer组件中访问该对象，但我无法将其传递给那里，因为{{1添加到插槽中。

我尝试在mv-layer中使用this.$parent.$get(...)，但不知何故＆＃34;不是函数＆＃34;。

如何将数据从父组件传递到时隙组件或访问时隙组件中的父数据？

Answer 1

您可以使用this.$parent.<property>。

Example