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

时间:2017-03-10 09:25:33

标签: openlayers-3 vuejs2

背景:我想为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;。

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

1 个答案:

答案 0 :(得分:1)

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

Example